Javascript 无法从服务器显示Json对象

所以现在我正在测试一个标准的登录页面。如果输入用户名和密码，一些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" />

我认为这应该行得通，但由于某种原因它不起作用。但是，正如我提到的，显示data.return的警报窗口正在工作

---

感谢您的帮助

更正您的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);
     }
    })
}

---

您有一个成功回调和一个从未调用过的函数success

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

您需要通过删除外部函数来更正它

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

---

你能在成功方法中加入一个调试点，检查

数据是否正确返回吗？它不应该是
数据。消息
？嗯，我想这可能是问题所在。。。让我测试一下。有两个“成功：函数（数据）{}”调用？还是打字错误？打字错误。对不起，好的，谢谢。我在想。document.ready在没有onclick函数的情况下工作吗？document ready是一个委托函数，当浏览器完全呈现视图中的所有元素时，会自动调用该函数，因此，一旦dom就绪并且所有元素都可以访问，就会调用document.ready中添加的内容。现在，您的问题
document.ready没有onclick函数的工作是一个错误的问题。正确的问题是，
will onclick函数在没有文档的情况下工作。ready
，答案是否定的，因为如果您尝试在该函数
文档之外绑定一个click事件。ready
带有一个元素，它将在创建元素之前尝试绑定，并且您的click事件将不指向任何位置，您需要研究这个和这个
success: function (data, textStatus, jqXHR) {
   $('#result').html('User: ' + data.return);
}