jQuery 结合 Json 提交数据到Webservice，并接收从Webservice返回的Json数据

简单的Json数据提交

jQuery ajax webservice：get 和 post

一、GET 方式

客户端

代码

服务器端

代码

     [ScriptMethod(ResponseFormat = ResponseFormat.Json, UseHttpGet = true)] //UseHttpGet = true
        public List<Property> GetProductPropertyList()
        {
            string classCode = HttpContext.Current.Request["classCode"]; // Get 方式，要在查询字符串里得到参数值
            return PropertyManager.GetPropertySet(classCode, "zh-CN").DataList;
        }

二、POST 方式

客户端

代码

服务器端

代码

     [ScriptMethod(ResponseFormat = ResponseFormat.Json, UseHttpGet = false)] // UseHttpGet = false
        public List<Property> GetProductPropertyList(string classCode, string city) // Post 方式，参数对应JSON字段属性，并自动赋值直接使用
        {
            return PropertyManager.GetPropertySet(classCode, "zh-CN").DataList;
        }

注意：GET方法与POST方法不同，有参数的时候，如果参数的值不是ASCII字符(比如中文)，GET的参数要encodeURI编码，要不服务端接收到的数据为乱码。

复杂的Json数据提交

简单的Json 格式的数据如 { name:Yangjun, age:27 }

复杂的Json格式的数据，其实只是Json嵌套，比如： {name:yangjun, age:27, child:[{name:yangke, age:1},{name:yangbin, age:2}]}

如果是这种复杂的Json格式的数据要提交，并在Webservices中获取，然后根据这个Json格式的字符串，序列成.net对象，应该怎么做呢？
比如我要提交下面的数据：
客户端：

代码

服务器端：
1、要反序列化Json字符为.net对象，有比较多的开源类库，我使用的是.net 3.5版本以上自带的DataContractJsonSerializer，写一个辅助类：

代码

    /// <summary>
    /// Json序列化和反序列化的帮助方法
    /// </summary>
    public class JsonHelper
    {
        /// <summary>
        /// JSON序列化：把对象序列化成Json格式的字符串
        /// </summary>
        public static string JsonSerializer<T>(T t)
        {
            var ser = new DataContractJsonSerializer(typeof(T));
            var ms = new MemoryStream();
            ser.WriteObject(ms, t);
            string jsonString = Encoding.UTF8.GetString(ms.ToArray());
            ms.Close();
            return jsonString;
        }
        /// <summary>
        /// JSON反序列化：根据Json格式的字符串，反序列化成对象
        /// </summary>
        public static T JsonDeserialize<T>(string jsonString)
        {
            var ser = new DataContractJsonSerializer(typeof(T));
            var ms = new MemoryStream(Encoding.UTF8.GetBytes(jsonString));
            var obj = (T)ser.ReadObject(ms);
            return obj;
        }
    }

2、因为要反序列化成相应的对象，所以先构造两个对象类，注意每个类和类的字段前面的特性修改符：

代码

    [DataContract]
    public class MProductProperty
    {
        [DataMember(Order = 0, IsRequired = true)]
        public int ProductId { set; get; }
        [DataMember(Order = 1, IsRequired = true)]
        public List<MProperty> PropertyList { set; get; }
    }
    public class MProperty
    {
        [DataMember(Order = 0, IsRequired = true)]
        public int PropertyId { set; get; }
        [DataMember(Order = 1, IsRequired = true)]
        public string PropertyType { set; get; }
        [DataMember(Order = 2, IsRequired = true)]
        public string PropertyValue { set; get; }
    }

3、接收并处理Json数据的Web方法：

代码

        [WebMethod]
        [ScriptMethod(UseHttpGet = true)]
        public string PostProductPropertyList()
        {
            string jsonString = HttpContext.Current.Request["propertyList"];
            var productProperty = JsonHelper.JsonDeserialize<MProductProperty>(jsonString); // productProperty 成功反序列化成MProductProperty的对象
            //返回接收成功标识
            return "postsuccess";
        }

转载于:https://www.cnblogs.com/yangjunwl/archive/2011/02/17/1957256.html

jQuery 结合 Json 提交数据到Webservice，并接收从Webservice返回的Json数据相关推荐

struts2：JSON在struts中的应用（JSP页面中将对象转换为JSON字符串提交、JSP页面中获取后台Response返回的JSON对象）...
JSON主要创建如下两种数据对象: 由JSON格式字符串创建,转换成JavaScript的Object对象: 由JSON格式字符串创建,转换成JavaScript的List或数组链表对象. 更多关于J ...
extjs json 数据的操作　自由操作服务器返回的json数据
1.portal.js中代码如下: Ext.namespace("_portal");_portal.setNews=function(node,value){ node.inne ...
ajax spring mvc 接收json数据,easyui ajax请求获取SpringMVC @ResponseBody返回的Json数据为什么非得eval才能通过对象获取值？...
是这样的,问题是不是比较郁闷, Spring代码@RequestMapping(value="/UserModel/createUser.html") @ResponseBody ...
java 大量数据返回_怎么接收第三方接口返回的大量数据？
调用第三方接口时,由于返回的数据量过大,在获取并转换数据时报错,大家有什么好的解决办法? 报错代码: String resStr = EntityUtils.toString(response.get ...
jqgrid 服务器端验证,jqGrid获取服务服务器返回的所有数据
当jqGrid配置的rowNum小于服务器返回的总数据量(records属性记录总数据),调用getRowData方法获取到的只是显示的部分内容,而非服务器返回的所有数据行. 要想获取jqGrid返回 ...
php 返回一个json对象,PHP给前端返回一个JSON对象的实例讲解
解决问题:用php做后台时,如何给前端发起的AJAX请求返回一个JSON格式的"对象": 说明:我本身是一个前端,工作久了之后发现要是不掌握一门后端开发语言的话,总感觉有点无力.最 ...
PHP给前端返回一个JSON‘对象’
解决问题:用php做后台时,如何给前端发起的AJAX请求返回一个JSON格式的"对象": 说明:我本身是一个前端,工作久了之后发现要是不掌握一门后端开发语言的话,总感觉有点无力.最 ...
NRF52832蓝牙ble多个server连接client向上位机发送数据，断开一个从机，主机多发重复数据问题（server并没有多发）
在调试公司项目中的蓝牙生理传感器(该传感器为Peripheral,连接上Central后等待pc机端指令,指令到达将Peripheral中采集到的生理数据经由Central传输到PC端)过程中,遇到一 ...
jquery表单ajax json数据,jquery序列化form表单使用ajax提交后处理返回的json数据
1.返回json字符串: /** 将一个字符串输出到浏览器 */ protected void writeJson(String json) { PrintWriter pw = null; try ...
ajax处理返回的xml数据,使用AJAX调用WebService返回xml不返回json原因以及解决办法...
初次尝试用AJAX调用webservice,结果无论怎么设置webservice返回的都是xml对象,一般的jquery处理json是更方便的. webservice理论上将下面这段代码按照说明取消注 ...

jQuery 结合 Json 提交数据到Webservice，并接收从Webservice返回的Json数据

jQuery 结合 Json 提交数据到Webservice，并接收从Webservice返回的Json数据相关推荐

最新文章

热门文章