Javascript HTML5请求-响应Web服务

我对HTML5Web开发相当陌生

我已经创建了一个页面，上面有登录名和密码，还有一个提交按钮。 在提交时，我向具有url的服务器发送一个rest请求

RRQUEST是这样的

<USERNAME>
abc
</USERNAME>
<PASSWORD>loooik
</PASSWORD>

我使用以下代码建立连接

xmlHttp.open("post",url,true);
XmlHttp.setRequestHeader("Content-type","application/json);
xmlHttp.send(parameters);
xmlHttp.onreadystatechange=function X()
{
if(xmlHttp.readyState==4)
{
alert(xmlHttp.responseText);
}
}
return true;
}

我需要添加一个加载元素，并希望在请求和响应之间显示下一个屏幕。我怎样才能做到呢

在标记中，我使用了submit输入类型，其中onClick属性调用return sendPost（）方法，该方法具有要调用的请求

---

我应该如何进行同样的。。。正在加载屏幕并获得响应。。。假设下一个html屏幕上只显示名称，首先请参见基本jQuery示例。这将指导您了解jQuery是如何工作的，并在我将建议的解决方案中提供很多帮助

jQuery有自己的AJAX方法，并进一步简化了

现在你可以写这样的东西了-

function requestNetwork() {
    // Code for loading screen
    $.ajax({
        url: "yourURL",
        data: "yourData"
    }).done(function(data) {
        alert(xmlHttp.responseText);
        // Code for dismissing loading screen
    }).fail(function(data) {
        // Code when call fails
    }).always(function() {
        // This code will always run
    });
}

---

试着使用jquery，它让你做事情非常容易。我对html5开发还很陌生。。。如果呼叫失败，请指导我。ajax是否重要。。。我的代码不能工作吗？？？当我点击提交按钮时，我得到一个回复。。。如何将得到的响应传递到下一个html页面？？在完成代码后，您可以再添加两个函数-fail（函数（数据）{your code}）和always（函数（）{your code}）。如果调用失败，Fail将运行，finally将始终运行，无论成功与否failure@Yatin您编写的代码也在进行AJAX调用，我使用了简单的jQuery方法来处理betterCool。。。谢谢还有一个查询，假设我得到一个类似yatin的响应，我需要在一个html页面上将yatin显示为某个字符串。。。我怎样才能做到这一点。。。

function requestNetwork() {
    // Code for loading screen
    $.ajax({
        url: "yourURL",
        data: "yourData"
    }).done(function(data) {
        alert(xmlHttp.responseText);
        // Code for dismissing loading screen
    }).fail(function(data) {
        // Code when call fails
    }).always(function() {
        // This code will always run
    });
}