AJAX如何调用webservice

全职妈妈一名，好久好久没摆弄技术活了，最近无聊开始写写小程序，不规范见谅。

想在ajax里调用webservice，自己折腾了一会儿发现其实很简单，网上写的好复杂啊！用个例子记录下，老样子，AJAX校验用户名是否存在，用户信息放在xml文件里，校验的方法写在webservice里，有些多此一举哈，能说明问题就行。

首先编写webservice，来个简单的，只有一个方法

    [WebMethod]
    public string CheckUser(string UserName)
    {
        string result = null;
        XmlDocument xmldoc = new XmlDocument();
        xmldoc.Load(System.Web.HttpContext.Current.Server.MapPath("XMLData/User.xml"));
        string path = "//USER[NAME[text()='" + UserName + "']]"; 
        XmlNode xmlnote = xmldoc.SelectSingleNode(path);
        if (xmlnote == null){

            result = "false";
        }
        else{
            result = "true";
        }
        return result;
    }

要保证取消[System.Web.Script.Services.ScriptService]的默认注释，不然webservice不允许JS调用。

然后aspx文件里申明一下这个webservice

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

接下来在JS里就可以调用了，非常简单。

var username = document.getElementById("UserName").value;
WebService.CheckUser(username, onSucceeded, onFailed, "checkuser");

设置好回调函数，在onSuceeded里写检验结果代码，“checkuser”是个传入的常量值，表示你校验的是用户名，有多个校验时可用它标识。

        function onSucceeded(result, context) {
            var message = "";
            if (context == "checkuser" && result == "false") {
                message = "用户名不存在";
            }
            if (context == "checklogin" && result == "false") {
                message = "密码错误";
            }
            document.getElementById("Message").innerHTML = message;
        }

        function onFailed(result, context) {
            document.getElementById("Message").innerHTML = "调用webservice错误";
        }

在网页上用个div来展示消息

<div id="Message" class="message"></div>

OK，大功告成。