jQuery 调用WebService - 》各种格式的调用

最新推荐文章于 2021-03-17 08:33:46 发布

安得权

最新推荐文章于 2021-03-17 08:33:46 发布

阅读量667

点赞数

CC 4.0 BY-SA版权

分类专栏： [ 05 ] JS&HTML&CSS 文章标签： webservice jquery function search json

本文链接：https://blog.youkuaiyun.com/CsethCRM/article/details/7399564

[ 05 ] JS&HTML&CSS 专栏收录该内容

94 篇文章

订阅专栏

本文介绍了使用AJAX进行不同类型的数据请求方法，包括简单的登录验证、复杂的对象查询及集合数据的获取。文中通过具体示例展示了如何配置POST请求、设置数据类型及处理返回结果。

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

//页面请求的参数配置
var Config = {
    ServiceUrl: "/Core/WebService/MobileService.asmx/"
};

 //[ 调用简单类型 ]
    function Test1()
    {
        var username = "admin";
        var password = "admin";
        $.ajax(
                   {
                       type: "post",
                       url: Config.ServiceUrl + "Query4Login",
                       data: "{ userName:'" + username + "', pwd: '" + password + "' }",
                       contentType: "application/json;charset=utf-8",
                       dataType: "json",
                       success: function (result)
                       {
                           alert(result.d);
                       }
                   }
               );
    }

    //[ 调用自定义复杂类型 ]
    function Test2()
    {

        $.ajax(
                   {
                       type: "post",
                       url: Config.ServiceUrl + "Query",
                       data: "{}",
                       contentType: "application/json;charset=utf-8",
                       dataType: "json",
                       success: function (result)
                       {
                           var search = result.d;
                           var showText = [];
                           for (var s in search)
                           {
                               showText.push(s + ":" + search[s]);
                           }
                           alert(showText.join("\r\n"));
                       }
                   }
               );
    }

    //[ 调用自定义复杂类型集合(xml形式) ]
    function Test3()
    {
        $.ajax({
            url: Config.ServiceUrl + "QueryList",
            data: {},
            contentType: "application/xml",
            type: "post",
            dataType: "xml",
            success: function (data)
            {
                $("EntSearchLog", data.documentElement).each(
                    function (i)
                    {
                        alert($(this).find("Id").text() + "\t"
                        + $(this).find("KeyWords").text() + "\t"
                        + $(this).find("SearchTime").text() + "\t"
                        + $(this).find("IsDeleted").text()
                        );
                    }
                );
            }
        }
        );
    }

    //[ 调用自定义复杂类型集合(Json形式) ]
    function Test4()
    {
        $.ajax({
            url: Config.ServiceUrl + "QueryList",
            data: {},
            contentType: "application/json",
            type: "post",
            dataType: "json",
            success: function (result)
            {
                $(result.d).each(function (i)
                {
                    alert(this.Id + "\t" + this.UserId + "\t" + this.KeyWords + "\t" + this.IsDeleted);
                });

            }
        }
        );
    }