Ошибка Ajax Post Загрузка страницы

Question

У меня есть форма, в которой Ajax используется для отправки данных в файл php. ДАННЫЕ SENDS ПРАВИЛЬНО ... все работает ... НО сообщение "Ошибка при загрузке страницы" всплывает (с помощью jquerymobile)

HTML файл

<div data-role="page" id="cc"> 
<div data-role="header"> 
    <h1>Home</h1> 
</div> 
<div data-role="content"> 
    <form id="cname" align="left" action="post"> 
     <label for="name">Name:</label> 
     <input type="text" id="name" name="name" value="" /> 
     <input type="submit" value="Submit" data-inline="true"> 
    </form> 


    <div id="result" style="visibility: hidden"></div> 
</div> 
</div> 

    <script type="text/javascript"> 
     $("#cname").submit(function (e) { 
      e.preventDefault(); 
      $.ajax({ 
       url: 'http://www.clubbedin.isadcharity.org/createclub.php', 
       crossDomain: true, //set as a cross domain requests 
       type: 'post', 
       data: $("#cname").serialize(), 
       success: function (data) { 
        $("#result").html(data); 
       }, 
      }); 
     }); 
    </script> 

PHP файл

header("access-control-allow-origin: *"); 

$name = $_POST['name']; 

Answer 1

Ваша форма должна также иметь этот атрибут:

data-ajax="false" 

Без него JQuery Mobile будет инициализировать свою собственную логику Ajax для вида проводки и вы не хотите что. Узнай больше о нем here или читайте другие мои комментарии answer о том, как правильно обрабатывать формы в jQuery Mobile.

Answer 2

Попробуйте добавить это в свой JavaScript:

jQuery.support.cors = true; 

Answer 3

Попробуйте addi нг

Access-Control-Allow-Methods: GET, POST, OPTIONS 
Access-Control-Allow-Credentials: true 
Access-Control-Allow-Headers: Content-Type, * 

в ваш заголовок