Question

纯js调用webservice接口怎么调用

Answer 1

纯js调用Webservice用XmlHttpRequest对象
代码案例如下：
function getXmlHttp() {
var xmlHttp;
if (window.XMLHttpRequest)
{
xmlHttp = new XMLHttpRequest();
}
else
{
xmlHttp = new ActiveXObject('Microsoft.XMLHTTP');
}
return xmlHttp;
}

function webservice(url, action, data, success, error, complete, failed)
{
var xmlHttp = getXmlHttp();
xmlHttp.open('POST', url + '/' + action, true);
xmlHttp.onreadystatechange = function () {
if (xmlHttp.readyState == 4)
{
try
{
if (xmlHttp.status == 200 && typeof (success) == 'function')
{
success(xmlHttp.responseText);
}
else if ((xmlHttp.status / 100 == 4 || xmlHttp.status / 100 == 5) && typeof (error) == 'function')
{
error(xmlHttp.responseText, xmlHttp.status);
}
else if (xmlHttp.status / 100 == 200 && typeof (complete) == 'function')
{
complete(xmlHttp.responseText, xmlHttp.status);
}
else if (typeof (failed) == 'function')
{
failed(xmlHttp.responseText, xmlHttp.status);
}
}
catch (e) {
}
}
}
xmlHttp.setRequestHeader('Content-Type', 'application/json; charset=utf-8');
xmlHttp.setRequestHeader('SOAPAction', action);
xmlHttp.send(data);
}
具体调用Webservice1中的HelloWorld方法如下
webservice('/Webservice1.asmx','HelloWorld','{}',function (msg) { alert(msg); });

总结：现在很少用js直接调用WebService了，都用JQuery调用，JQuery已经把基本调用方法封装好，开发只需要调用即可。

Answer 2

尽管这个问题已被讨论过很多遍，并且大众认为它们各有长处，会占据各自擅长的开发领域很长一段时间。但不得不承认一点，Web相关的技术一直在侵蚀Native App的领地。尤其是在JavaScript的语言进化以及开发能力越来越强的今天，基于AJAX的应用越来...