0

次の短い jquery コードが機能しない理由を分析する助けが必要です。ajax 呼び出しは RESTful API に基づいており、この正確な呼び出しが機能することを確認しました。したがって、バックエンドの問題はありません。ここでは、経験が不足しているフロントエンドに関心があります。以下はかなり簡単であると思いますが、何が原因で ajax がエラーになるのかわかりません。明らかに間違っていることがありますか？ 

<head>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#submit").click(function () {
                var data = {};
                data["login_name"] = $("#login_name")[0].value;
                data["password"] = $("#password")[0].value;

                $.ajax({
                    type: "POST",
                    url: "https://website.com/a/login",
                    data: data,
                    dataType: "json"
                }).success(function (data) {
                    $("#output")[0].value = JSON.stringify(data, null, "\t");
                }).error(function (a, b, c) {
                    $("#output")[0].value = alert(JSON.stringify(c, null, "\t"));
                });
                $("#output")[0].value = "Sending...";
            });
        });
    </script>
</head>
<body>
    <span class="value">
        <input type="text" class="value" id="login_name" style="width:350px" />
    </span>
    <span class="value">
        <input type="text" class="value" id="password" style="width:350px" />
    </span>
    <span>
        <input type="button" id="submit" value="Send Request" />
    </span>
    <textarea id="output" readonly="readonly"></textarea>
</body>

データに何か問題があるとしか思えません。既存のコードをいくつか変更して、上記のコードを作成しました。

var data = {};

    $("#fields div.entry").each(function(i,elem) {

        elem = $(elem);

        data[elem.find("input.field")[0].value]=elem.find("input.value")[0].value;

    });

上記のコードは、データを作成した元の作業コードにありましたが、作成したデータ配列とどのように違うのかわかりません....

4

1 に答える 1

0

簡単な推測として、投稿に content-type を追加してみることができます:

        $.ajax({
            type: 'POST',
            contentType: 'application/json; charset=utf-8',
            url: 'https://website.com/a/login',
            data: data,
            dataType: 'json'
于 2012-01-02T21:27:17.977 に答える