JS调用webservice的通用函数。

刚开始接触ajax的时候好蛋疼啊，还是jquery用着爽。各位看官可以忽略此篇了。

 

调用：

RequestByPost(method,variable,value,url,_Namespace)

method:webservice的方法名

variable：webservice的方法的变量名数组

value：webservice的方法的变量的值的数组

url：请求的地址（asmx文件地址）

_Namespace：webservice的命名空间

 

< script language = " javascript "  type = " text/javascript " >
//  <!CDATA[

// define
var  xmlhttp;
var  value = new  Array();
var  variable = new  Array();

// Show Response MSG.
function  handleStateChange()
{
    var h=document.getElementById("Label1");
    if(xmlhttp.readyState==4)
    {
        if(xmlhttp.status==200)
        {
            alert(xmlhttp.responseText);
            h.innerHTML=xmlhttp.responseText;
            //h.innerHTML=xmlhttp.responseXML;
        }
        else if(xmlhttp.status==404)
        {
            h.innerHTML="<br>找不到请求的服务器资源！";
        }
    }
    else if(xmlhttp.readyState==0)
    {
        h.innerHTML="<br>未初始化！";
    }
    else if(xmlhttp.readyState==1)
    {
        h.innerHTML="<br>正在加载……！";
    }
    else if(xmlhttp.readyState==2)
    {
        h.innerHTML="<br>已经加载完成！";
    }
    else if(xmlhttp.readyState==3)
    {
        h.innerHTML="<br>正在和服务器交互";
    }
    else
    {
        h.innerHTML=xmlhttp.responseXML;
    }
    
}

// Get Request Data's length
function  getlen(str)
{
var bytesCount=0;
for (var i = 0; i < str.length; i++)
{
var c = str.charAt(i);
if (/^[\u0000-\u00ff]$/.test(c))   //匹配双字节
      {
bytesCount += 1;
}
else
{
bytesCount += 2;
}
}
return bytesCount;

 }   

    
// Create XMLHttpRequest Object
   function  createXMLHttpRequest()
{

    if(window.ActiveXObject)
    {
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    else if(window.XMLHttpRequst)
    {
        xmlhttp=new XMLHttpRequest();
    }
}    

// send Request By HTTP POST

function  RequestByPost(method,variable,value,url,_Namespace)
{
createXMLHttpRequest();
var data;
data = '<?xml version="1.0" encoding="utf-8"?>'; 
data = data + '<soap:Envelope xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:soap="http://schemas.xmlsoap.org/soap/envelope/">'; 
data = data + '<soap:Body>'; 
data = data + '<'+method+' xmlns="'+_Namespace+'">'; 
for(var i=0;i<variable.length;i++)
{
    data = data + '<'+variable[i]+'>'+value[i]+'</'+variable[i]+'>'; 

}
data = data + '</'+method+'>'; 
data = data + '</soap:Body>'; 
data = data + '</soap:Envelope>'; 

xmlhttp.onreadystatechange=handleStateChange;
xmlhttp.Open("POST",url, true); 
xmlhttp.SetRequestHeader ("Content-Type","text/xml; charset=utf-8"); 
xmlhttp.SetRequestHeader ("Content-Length",getlen(data)); 
xmlhttp.SetRequestHeader ("SOAPAction",_Namespace+method); 
xmlhttp.Send(data); 
alert(data);
}


// CallHelloWorld!
function  SayHello_onclick()  {
//alert(document.getElementById('YourName').value);
  RequestByPost("HelloWorld",new Array("msg"),new Array(document.getElementById('YourName').value),"WebService.asmx","localhost/");
}
// WeatherReport Test:
function  Button2_onclick()  {
 RequestByPost("getWeatherbyCityName",new Array("theCityName"),new Array(document.getElementById('CityName').value),"http://www.webxml.com.cn/WebServices/WeatherWebService.asmx","http://WebXml.com.cn/");
}

//  ]]>
< / script>

转载于:https://www.cnblogs.com/sixiweb/archive/2009/02/07/1385788.html