3

Ajax を使用してデータを php ファイルに送信するフォームがあります。データは適切に送信されます...すべてが正常に機能します...しかし、「ページの読み込み中にエラーが発生しました」というメッセージが表示されます(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'];
4

3 に答える 3

2

フォームには次の属性も必要です。

data-ajax="false"

これがないと、jQuery Mobile はフォーム投稿用に独自の ajax ロジックを初期化するので、それは望ましくありません。ここで詳細を読むか、jQuery Mobile でフォームを適切に処理する方法に関する他の回答を読んでください。

于 2013-06-06T20:43:13.673 に答える
0

追加してみる

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

あなたのヘッダーに

于 2013-06-06T20:20:19.337 に答える