2014-02-07 17 views
0
<form method="POST" class="userform" id="loginForm"> 
    <div data-role="content"> 
     <h2> Login:</h2> 
     <div data-role="fieldcontain"> 
      <input name="email" placeholder="put your name" type="email" data-mini="true"> 
     </div> 
     <div data-role="fieldcontain"> 
      <input name="password" placeholder="enter your password" type="password" data-mini="true"> 
     </div> 
     <input type="submit" data-theme="a" value="submit" id="submitButton"> 
     <h5 align="center"> 
      <a href="user_rbooks.html"> Forget password? </a> 
     </h5> 
     </div> 
     </form> 

這是我login.js認證使用AJAX/JSP中的PhoneGap

$.fn.serializeObject = function() 
{ 
    var o = {}; 
    var a = this.serializeArray(); 
    $.each(a, function() { 
     if (o[this.name]) { 
      if (!o[this.name].push) { 
       o[this.name] = [o[this.name]]; 
      } 
      o[this.name].push(this.value || ''); 
     } else { 
      o[this.name] = this.value || ''; 
     } 
    }); 
    return o; 
}; 

var $bro = $('#loginForm'); 

$('#submitButton').click(function(e) { 
     //console.log("submit button has been clicked"); 
     e.preventDefault(); //cancel form submit 

     var jsObj = $bro.serializeObject() 
      , ajaxObj = {}; 

     //console.log(jsObj); 

     ajaxObj = { 
      type: "POST", 
      url: "http://192.168.0.100:8080/AdvancedLibrarySystem/api/v1/login", 
      data: JSON.stringify(jsObj), 
      contentType:"application/json", 
      error: function(jqXHR, textStatus, errorThrown) { 
       console.log("Error " + jqXHR.getAllResponseHeaders() + " " + errorThrown); 
      }, 
      success: function(data) { 
       console.log(data); 
       if(data[0].status == '200') { 
        alert("Welcome!!!") 
        $('#div_ajaxResponse').text(data[0]); 
        $.mobile.changePage('home.html'); 
       } 
       else{ 
       alert("Incorret Username or Password!!!") 
       } 

      }, 
      complete: function(XMLHttpRequest) { 
       //console.log(XMLHttpRequest.getAllResponseHeaders()); 
      }, 
      dataType: "json" //request JSON 
     }; 

     $.ajax(ajaxObj); 
    }); 

我試圖通過AJAX使用PhoneGap的中的認證,但如果我試圖運行在Chrome的代碼控制檯它工作正常,但是當我在我的phonegap應用程序中使用它時,它不會在服務器中給出響應...任何人都可以幫助我請...

回答

0

我不確定你的意思是'在服務器中「,但值得一提的是phonegap項目的config.xml中的跨域選項。在那裏應該有一個「訪問」標籤,指定可以訪問哪些域。嘗試將其設置爲「*」並再試一次。

+0

我的「訪問」標記我設置它訪問的所有域的意思是