0

単純なAJAXPOSTを作成しようとしています。ユーザー名とパスワードで構成されます。ユーザーがデータを送信した後、HTMLのusername要素は未定義のままです。何が問題なのか。これが私のコードです。

<html>

<head>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
    <script>
        $(document).ready(function () {

            $("#form").bind('click', function (event) {

                alert(username = $("#username").val())
                event.preventDefault();

                $.post("/main3/",

                username = $("#username").val(),

                function (data) {

                    alert(data);

                    $('#content').html(data)

                })
                return false;
            });


        });
    </script>
</head>

<body>
    <form id="form">Name
        <input type="text" name="username" />
        </br>Age
        <input type="text" name="age" />
        </br>
        <input type="submit" />
    </form>
    <div id="content"></div>
</body>

参考までにページ全体を掲載しました。私のサーバーはDjangoです。

4

2 に答える 2

1

パラメータを誤って渡し、オブジェクトとして渡し、値を取得するために選択する要素に対して正しいセレクターを使用しています（IDがusernameの要素はありません）

$.post("/main3/", {username: $("[name=username]").val()},
于 2013-02-24T21:03:56.137 に答える
1

usernameコードにIDを持つ要素がありません。NAMEが。の入力要素がありますusername。nameはidと同じではありません。

<input type="text" id="name" name="name" />
                  ^^^^^^^^^^--missing
于 2013-02-24T21:05:08.003 に答える