所以现在我正在测试标准登录页面。如果输入用户名和密码,一些 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 窗口正在工作。
感谢任何帮助。
最佳答案
你有一个成功回调和一个从未被调用过的函数 success
success: function () {
success: function (data, textStatus, jqXHR) {
$('#result').html('User: ' + data.return);
}
}
您需要通过删除外部函数来纠正它
success: function (data, textStatus, jqXHR) {
$('#result').html('User: ' + data.return);
}
关于javascript - 无法显示来自服务器的 Json 对象,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22317573/