所以现在我正在测试一个标准的登录页面。如果输入用户名和密码,则一些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: function () {
success: function (data, textStatus, jqXHR) {
$('#result').html('User: ' + data.return);
}
}
您需要通过删除外部功能来更正它
success: function (data, textStatus, jqXHR) {
$('#result').html('User: ' + data.return);
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句