码迷,mamicode.com
首页 > Web开发 > 详细

Jquery Ajax 复杂json对象提交到WebService

时间:2017-11-26 16:51:08      阅读:247      评论:0      收藏:0      [点我收藏+]

标签:成功   pos   后台   ica   method   log   name   hello   web   

。使用get方式
1.前台
            //复杂json对象提交
            var person = {‘per‘:"{ ‘id‘: 1, ‘name‘: ‘张三‘, ‘sex‘: ‘男‘ }"};
            $.ajax({
                type: "get",
                url: "JsonObject.asmx/GetPersonByObject",
                data: person,
                dataType: ‘json‘,
                contentType: ‘application/json;charset=utf-8‘,
                success: function (data) {
                    if (data.d == "1") {
                        $("#hello").text("服务器接收成功!");
                    }
                    else {
                        $("#hello").text("服务器接收数据失败!");
                    }
                },
                error: function () {
                    $("#hello").text("程序运行出错!");
                }
            });
2.后台
        [WebMethod]
        [ScriptMethod(ResponseFormat=ResponseFormat.Json, UseHttpGet=true)]
        public string GetPersonByObject()
        {
            string jsonStr = HttpContext.Current.Request["per"];
            Person per = jsonStr.JsonDeserialezer<Person>();//将json字符串反序列化
            if (per.Id == 1)
            {
                return "1";
            }
            return "0";
        }
 
二。使用post方式
1.前台
            var person = "{‘per‘:\"{ ‘id‘: 1, ‘name‘: ‘张三‘, ‘sex‘: ‘男‘ }\"}";
            $.ajax({
                type: "post",
                url: "JsonObject.asmx/GetPersonByObject",
                data: person,
                dataType: ‘json‘,
                contentType: ‘application/json;charset=utf-8‘,
                success: function (data) {
                    if (data.d == "1") {
                        $("#hello").text("服务器接收成功!");
                    }
                    else {
                        $("#hello").text("服务器接收数据失败!");
                    }
                },
                error: function () {
                    $("#hello").text("程序运行出错!");
                }
            });
2.后台
        [WebMethod]
        public string GetPersonByObject(string per)
        {
          Person person=   per.JsonDeserialezer<Person>();//将json反序列化
          if (person.Id == 1)
          {
              return "1";
          }
            return "0";
        }
 
三。List类型json提交,post方式
1.前台
            //复杂json对象提交2
            var person = "{‘per‘:\"[{ ‘id‘: 1, ‘name‘: ‘张三‘, ‘sex‘: ‘男‘ },{ ‘id‘: 2, ‘name‘: ‘王芳‘, ‘sex‘: ‘女‘ }]\"}";
            $.ajax({
                type: "post",
                url: "JsonObject.asmx/GetPersonByOjects",
                data: person,
                dataType: ‘json‘,
                contentType: ‘application/json;charset=utf-8‘,
                success: function (data) {
                        $("#hello").text("就收前台数据人数:"+data.d);
                },
                error: function () {
                    $("#hello").text("程序运行出错!");
                }
            });
2.后台
        [WebMethod]
        public int GetPersonByOjects(string per)
        {
            List<Person> list = per.JsonDeserialezer<List<Person>>();//反序列化json字符串
            return list.Count;
        }
 
四。List类型json提交,get方式
1.前台
            var person = {‘per‘:"[{ ‘id‘: 1, ‘name‘: ‘张三‘, ‘sex‘: ‘男‘ },{ ‘id‘: 2, ‘name‘: ‘王芳‘, ‘sex‘: ‘女‘ }]"};
            $.ajax({
                type: "get",
                url: "JsonObject.asmx/GetPersonByOjects",
                data: person,
                dataType: ‘json‘,
                contentType: ‘application/json;charset=utf-8‘,
                success: function (data) {
                        $("#hello").text("就收前台数据人数:"+data.d);
                },
                error: function () {
                    $("#hello").text("程序运行出错!");
                }
            });
2.后台
        [WebMethod]
        [ScriptMethod(ResponseFormat=ResponseFormat.Json,UseHttpGet=true)]
        public int GetPersonByOjects()
        {
            string per = HttpContext.Current.Request["per"];
            List<Person> list = per.JsonDeserialezer<List<Person>>();
            return list.Count;
        }
 
 
 
http://blog.163.com/m13864039250_1/blog/static/213865248201373105642827/
 

Jquery Ajax 复杂json对象提交到WebService

标签:成功   pos   后台   ica   method   log   name   hello   web   

原文地址:http://www.cnblogs.com/yyzyou/p/7899218.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!