Javascript调用Webservice(整理）

    看了博客园和Csdn上的一些关于js调用webservice文章，感觉不错，不过他们给的程序，有些存在或多或少的错误，我调试了一下，现贴出来，既能与大家分享，也能为自己的学习做一下记录。

   一,理论（省略）

  二,示例（分1,2,3）

     1.webservice的编写

查看webservice代码

1 using System.Web;
2   using System.Web.Services;
3   using System.Web.Services.Protocols;
4 using System.Xml.Linq;
5
6 [WebService(Namespace = " http://tempuri.org/ " )]
7 [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
8 [System.Web.Script.Services.ScriptService]
9 public class WebService : System.Web.Services.WebService {
10 public WebService () {
11 }
12 [WebMethod]
13 public string SayHellow( string Name)
14 {
15 return " Hellow: " + Name;
16 }
17 }

     2.js调用webservice方法一

       

调用方法一

1 function RequestWebserviceByFunctionOne(value)
2 {
3
4 var URL = " http://localhost:2869/JsInvokeWebservice/WebService.asmx " ;
5 var data;
6 data = ' <?xml version="1.0" encoding="utf-8"?> ' ;
7 data = data + ' <soap:Envelope xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:soap="http://www.w3.org/2003/05/soap-envelope"> ' ;
8 data = data + ' <soap:Body> ' ;
9 data = data + ' <SayHellow xmlns="http://tempuri.org/" > ' ;
10 data = data + ' <Name> ' + value + ' </Name> ' ;
11 data = data + ' </SayHellow> ' ;
12 data = data + ' </soap:Body> ' ;
13 data = data + ' </soap:Envelope> ' ;
14 var xmlhttp = new ActiveXObject( " Microsoft.XMLHTTP " );
15 xmlhttp.Open( " POST " , URL, false );
16 xmlhttp.SetRequestHeader( " Content-Type " , " application/soap+xml " );
17 xmlhttp.Send(data);
18 document.getElementById( " data " ).innerHTML = xmlhttp.responseText;
19 }

     3.js调用webservice方法二

       

调用方法二

1 function RequestWebserviceByFunctionTwo(data){
2
3 var xmlhttp = new ActiveXObject( " Microsoft.XMLHTTP " );
4 var URL = " http://localhost:2869/JsInvokeWebservice/WebService.asmx/SayHellow?Name=Zach " ;
5 xmlhttp.Open( " GET " ,URL, false );
6 xmlhttp.SetRequestHeader ( " Content-Type " , " text/xml; charset=utf-8 " );
7 xmlhttp.SetRequestHeader ( " SOAPAction " , " http://tempuri.org/SayHellow " );
8 xmlhttp.Send(data);
9 if (xmlhttp.status == 200 ) {
10 document.write(xmlhttp.responseText);
11 }
12 xmlhttp = null ;
13 }

    备注：1.对于方法一，需要发送的那堆东西可以在webservice的测试页面中找到，自己拼凑加上对应的参数就行

            2.对于方法二,可能会引发“URL 意外地以“/SayHellow”结束,请求格式无法识别”的错误，解决此问题，

              只要在web.config中的system.web的      节中，加入如下代码，即可解决( <webServices><protocols>

             <add name="HttpPost"/><add name="HttpGet"/></protocols></webServices>)

            3.其余异步调用代码已在本博客中有描述，不再累述

      

转载于:https://www.cnblogs.com/liangjie/archive/2011/05/26/2059361.html