jquery（mobile）ajax - 总是调用错误回调函数？什么是错的

Question

我有一个jQuery Mobile的网站与形式submiting AJAX Post请求 - 和回调是永诺错误不是成功 - 请参阅网址：财产我觉得有问题：

HTML

<div data-role="content"> 
     <form id="callAjaxForm"> 
      <div data-role="fieldcontain"> 
       <label for="firstName">First Name</label> 
       <input type="text" name="firstName" id="firstName" value="" /> 

       <label for="lastName">Last Name</label> 
       <input type="text" name="lastName" id="lastName" value="" /> 
       <h3 id="notification"></h3> 
       <button data-theme="b" id="submit" type="submit">Submit</button> 
      </div> 
     </form> 
    </div> 

JS

$(document).ready(function() { 
     $("#submit").click(function(){ 

      var formData = $("#callAjaxForm").serialize(); 

      $.ajax({ 
       type: "POST", 
       url: "http://localhost/wodowod/ajaxtest.php", 
       cache: false, 
       data: formData, 
       success: onSuccess, 
       error: onError 
      }); 

      return false; 
     }); 
    }); 

PHP

if(isset($_POST['firstName']) && isset($_POST['lastName'])){ 
$firstName = $_POST['firstName']; 
$lastName = $_POST['lastName']; 

echo("First Name: " . $firstName . " Last Name: " . $lastName); 
} 
    else { 
    echo "Invalid Request"; 
} 

Answer 1

只是为了记录 - 我找到了解决办法，在XmlHttpRequest error: Origin null is not allowed by Access-Control-Allow-Origin

如果你想通过CORS做跨域的XMLHttpRequest ...

Make sure you're testing via http://. Scripts running via file:// have limited support for CORS.