Question

所以现在我正在测试一个标准的登录页面。如果输入了用户名和密码，则某些JSON数据将显示在HTML页面上。当使用警报窗口显示其工作的数据时，但当我想在页面上显示它时，它看起来不起作用。

HTML代码：

<div id="result"></div>
<input type="text" name="username" id="username" class="text"/>
<br />
<input type="password" name="password" id="password" class="text"/>
<br />
<input type="submit" name="btnSubmit" id="btnSubmit" />

脚本：

 $(document).ready(function () {
    $("#btnSubmit").click(function () {
        //collect userName and password entered by users
        var userName = $("#username").val();
        var password = $("#password").val();

        gogo(userName, password);
    });
});


function gogo(userName, password) {
    $.ajax
    ({
        type: "POST",

        url: "http:urlhere.com", //to server
        dataType: 'json',
        async: false,
            data: '{"userName": "' + userName + '", "password" : "' + password + '"}',
            success: function () {

            success: function (data, textStatus, jqXHR) {
      $('#result').html('User: ' + data.return);
}
            }
        })
    }

我认为这应该有用，但由于某些原因它不起作用。但是就像我提到的那样，显示data.return的ALERT窗口正在工作。

感谢任何帮助。

Answer 1

你有一个成功的回调和一个从未被称为

的功能成功

success: function () {
    success: function (data, textStatus, jqXHR) {
       $('#result').html('User: ' + data.return);
    }
}

你需要通过删除外部函数来纠正它

success: function (data, textStatus, jqXHR) {
   $('#result').html('User: ' + data.return);
}

Answer 2

纠正你的Ajax调用.. ajax的成功事件！

function gogo(userName, password) {
$.ajax
({
    type: "POST",

    url: "http:urlhere.com", //to server
    dataType: 'json',
    async: false,
    data: '{"userName": "' + userName + '", "password" : "' + password + '"}',
    success: function (data, textStatus, jqXHR) {
    $('#result').html('User: ' + data.return);
     }
    })
}

无法从服务器显示Json对象

2 个答案: