asp.net 2010中jquery调用webservice

在asp.net 2010中，在建立web应用时，默认已经在script目录下有了jquery的相关文件了，十分方便。下面介绍如何在jquery中调用 


websevice. 


首先，建立一个webservice如下： 




[System.ComponentModel.ToolboxItem(false)] 

    // 若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务，请取消对下行的注释。 

     [System.Web.Script.Services.ScriptService] 

    public class HelloWorld : System.Web.Services.WebService 

    { 


        [WebMethod] 

        public string PrintMessage() 

        { 

            return "Hello World"; 

        } 

    } 




2 在前端页面中，如下的javscript就可以了，其实还是很容易理解的： 


 <asp:Button ID="Button1" runat="server" OnClientClick="CallWebServiceFromJquery()" Text="Button" /> 


script type="text/javascript" src="Scripts/jquery-1.4.1.min.js"> </script> 

<script language="javascript" type="text/javascript"> 

    function CallWebServiceFromJquery() { 

        $.ajax({ type: "POST", url: "HelloWorld.asmx/PrintMessage", 

            data: "{}", contentType: "application/json; charset=utf-8", 

            dataType: "json", success: OnSuccess, error: OnError 

        }); 

    } 

    function OnSuccess(data, status) 

    {      alert(data.d); } 

    function OnError(request, status, error) 

    { alert(request.statusText); }      

           </script>