HTML5请求响应webservice

时间:2014-02-05 06:40:07

标签: javascript html5 request response loading

我是html5 web开发的新手

我创建了一个包含登录名和密码的页面,并有一个提交按钮。 提交时,我向服务器发送一个休息请求,其中包含一个URL

RRQUEST就像这样

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

在js文件中作为var data ...

此请求设置为

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属性调用返回sendPost()方法,该方法具有被调用的请求

我应该如何继续...加载屏幕并获得响应...假设只是在下一个html屏幕上显示的名称

1 个答案:

答案 0 :(得分:1)

首先看基本的jQuery示例。这将指导您了解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
    });
}