0

現在、jquery ajax からの戻りデータにアクセスできません。実際、データを送信しているかどうかさえわかりませんか? JSONを含むフォームからphpにデータを送信し、応答を配列として取得するだけです。

助けてくれてありがとう。

HTML/JS/jQuery

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
    <title>Hello World</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
    <script src="https://github.com/douglascrockford/JSON-js/blob/master/json2.js"></script>

    <script type="text/javascript">
        $(document).ready(function(){
            $("form").submit(function () { 
                var uname = document.getElementById("username").value;
                var pword = document.getElementById("password").value;
                var postData = {
                    username: uname,
                    password: pword
                };
                alert(uname);

                $.ajax({
                url: "test.php",
                type: "GET",
                data: postData,
                dataType: 'json',
                contentType: 'json',
                cache: false,
                success: function (data) {
                        alert(data);
                    }
                });
            });
        });
    </script>
</head>
<body>
    <form action="">
        <input type='text' id="username" name="username" placeholder="Username" />
        <br />
        <input type='password' id="password" name="password" placeholder="password" />
        <br />
        <input type="submit" id="submit" value="Login" />
    </form>
</body>

PHP

echo json_encode(array(
    'username' => $_GET['username'],
    'password' => $_GET['password']
));
4

1 に答える 1

1

submit イベントのハンドラーを作成していますが、基本的な送信プロセスを停止するために false を返すのを忘れていたようです。

アクションが空のフォームは、同じページ (最初の PHP ページ) にデータを POST するため、AJAX コールバックが送信されますが、その直後に、基本的な方法で再度投稿しています。

return false関数の最後 (AJAX 呼び出しの直後) にa を追加すると、フォームは送信されず、AJAX が送信され、応答が表示されます。

Firefox を使用している場合は、Firebug をインストールし、[ネットワーク] タブを見て、Ajax 呼び出しによって送信された要求を確認し、JSON 応答を確認します。

幸運を。

于 2013-02-08T02:44:24.837 に答える