jQuery (мобильный) ajax - всегда вызывает функцию обратного вызова ошибок? что не так

Question

У меня есть JQuery мобильный сайт с формой завершения заполнения Аякса Отправить запрос - и обратный вызов всегда находится ошибка не успех - Пожалуйста, смотрите URL: свойство я думаю, что есть проблема:

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

Если вы пытаетесь сделать междоменная XMLHttpRequest через CORS ...

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