在Asp.net中，客户端脚本调用Web service的2种方法。

当今时代，是Ajax横行的时代，下面介绍2种在Asp.net里调用Web service的方法。

一.微软的Ajax脚本调用Web service

第一步：添加ScriptManger控件，注意一定要设置正确的引用URL，否则后面调试的时候会很郁闷。

    <asp:ScriptManager ID="ScriptManager1" runat="server">
        <Services>
            <asp:ServiceReference Path = "~/WebService.asmx" />
        </Services>
    </asp:ScriptManager>

第二步：在Web Config文件中正确的添加节点

      1. 在System.web下添加下列内容

<httpHandlers>
      <remove verb="*" path="*.asmx"/>
      <add verb="*" path="*.asmx" validate="false" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=3.5.0.0, Culture=neutral,  PublicKeyToken=31BF3856AD364E35"/>
      <add verb="*" path="*_AppService.axd" validate="false" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>
      <add verb="GET,HEAD" path="ScriptResource.axd" validate="false" type="System.Web.Handlers.ScriptResourceHandler, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>
    </httpHandlers>
    <httpModules>
      <add name="ScriptModule" type="System.Web.Handlers.ScriptModule, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>
    </httpModules>

    2. 如果后期调用Web service失败，错误信息“Request format is unrecognized for URL unexpectedly ending in  '/HelloWorld'.”，那么你就需要再在System.Web下面添加下面的节点。

    <webServices>

      < protocols >

        < add name = "HttpGet" />

        < add name = "HttpPost" />

      </ protocols >

    </ webServices >

第三步：在后台添加一个.asmx文件

这里需要注意2点：

    1. 需要在类上添加属性[System.Web.Script.Services.ScriptService]，以允许使用脚本调用Web service；

    2.需要在类里德方法上添加属性[WebMethod],以至于ajax请求能够找到你要调用的方法。

       例如：

    [System.Web.Script.Services.ScriptService]
    public class ExampleWebService : System.Web.Services.WebService

    {

        [WebMethod(EnableSession = true) ]//红字标注的是你可以在这个方法里使用Session数据
        public string HelloWorld()
        {
            return "Hello World";
        }

   }

第四步：JS脚本调用Web service

<script type="text/javascript" language="javascript">
        function Succsess(result) {
            alert(result);
        }
        function Fail(ex) {
            alert("failure:" + ex.get_message());
        }

        ExampleWebService .HelloWorld(Success, Fail);

    </script>

二. 使用jquery的ajax函数调用Web serivce

用该方法时，需要按照上面的第二步设置web config文件，按照第三步建立service类。

Jquery调用Web service,注意默认时请求类型是POST

$.ajax({
                 type: "POST",
                 async: false,
                 url: "WebServices/ValidateService.asmx/CheckFirstName",
                 data: { ParaName: ParaValue},
                 success: function (result) {
                 var Result = true;
                 if ($.browser.mozilla) {
                        Result = result.firstChild.firstChild.textContent;
                  }
                 else if ($.browser.safari) {
                        Result = result.firstChild.firstChild.nodeValue;
                  }
                  else {
                        Result = result.text;
                  }

});