Jquery ajax传递复杂参数给WebService-阿里云开发者社区

Jquery ajax传递复杂参数给WebService

2015-06-15 947

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： 参考: http://www.cnblogs.com/kingge/archive/2011/08/04/2127642.html http://www.cnblogs.com/micromouse/archive/2010/08/14/1799464.

参考:

http://www.cnblogs.com/kingge/archive/2011/08/04/2127642.html

http://www.cnblogs.com/micromouse/archive/2010/08/14/1799464.html

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Runtime.Serialization;
 
namespace Entity
{
    [DataContract]
    public class User
    {
        [DataMember]
        public string Name
        {
            get;
            set;
        }
 
        [DataMember]
        public int Age
        {
            get;
            set;
        }
    }
}

WebService:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Services;
using Entity;
 
namespace JQuery.Handler
{
 
    [WebService(Namespace = "http://tempuri.org/")]
    [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
    [System.ComponentModel.ToolboxItem(false)]
    [System.Web.Script.Services.ScriptService]
    public class UserService1 : System.Web.Services.WebService
    {
 
        [WebMethod]
        public string ComplexType(User hero,List<User> users)
        {
            return hero.Name + " has " + users.Count + " people!";
        }
    }
}
Html:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Ajax</title>
    <script src="../Scripts/jquery-1.6.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $("#btnWeb").click(function () {
                $.ajax(
                {
                    type: "post",
                    url: "../Handler/UserService.asmx/ComplexType",
                    dataType:"json",
                    contentType:"application/json",
                    data: '{"hero": {"Name":"zhoulq","Age":27},"users":[{"Name":"zhangs","Age":22},{"Name":"wangw","Age":26},{"Name":"liuj","Age":25},
                           {"Name":"luos","Age":24}]}',
                    success: function (data) { $("#web").text(data.d); }
                });
            });
        });
    </script>
</head>
<body>
    <input id="btnWeb" type="button" value="请求WebService" /><label id="web"></label>
</body>
</html>

Jquery ajax传递复杂参数给WebService

热门文章

最新文章

相关课程

相关电子书

热门

活动广场

任务中心

开发者评测

高校计划

乘风者计划

训练营

阿里云MVP

话题

直播

下载

镜像站

技术资料

插件

Jquery ajax传递复杂参数给WebService

热门文章

最新文章

相关课程

相关电子书