HTML5请求响应Web服务

Question

我是HTML5 Web Development

的新手

我在其上创建了一个带有登录和密码的页面，并具有提交按钮。在提交时，我将REST请求发送给具有URL

的服务器

rrquest是这样的

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

在JS文件中以var数据...

此请求设置为

var parameters=JSON.stringify(data);

我使用以下代码来建立连接

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;
}

我需要添加一个加载元素，并希望在请求和响应之间显示下一个屏幕。我该如何实现？

在标签中，我使用了提交输入类型，其中onClick属性调用return sendpost（）方法，该方法已称为

我应该如何进行相同的操作...有加载屏幕并获取响应...假设仅在下一个HTML屏幕上显示的名称

Answer 1

首先，请参见基本的jQuery示例。这将指导您如何工作，并在我要建议的解决方案中有很多帮助。

http://learn.jquery.com/about-jquery/how-jquery-works/

jQuery具有自己的ajax方法，而进一步的速记称为$ .post

现在您可以写下这样的东西 -

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
    });
}