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.