AJAX如何调用webservice

本文介绍了一种使用AJAX调用WebService的方法,并通过一个简单的用户名校验示例进行演示。示例中包含了WebService的编写、客户端调用及回调处理。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

想在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,大功告成。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值