ajax：前后端json传值写法

ajax中的contentType有多种类型，默认是contentType=application/x-www-form-urlencoded;charset=utf-8;，如果设置contentType=application/json;charset=utf-8;那就会发生在后台无法通过context.Request.Form[]获取参数的情况，下面我就post、get两种方式进行梳理。

post传值

前台代码，data是json字符串：

function PostSendParams() {$.ajax({type: "post",url: "Handler1.ashx",contentType: "application/json;charset=utf-8;",data: "{ \"contentType\": \"application/json\", \"param2\": \"18\" }",dataType: "json",success:function(data) {alert("data=" + data);},error:function(error) {alert("error=" + error);}});
}

后台取值：

public void ProcessRequest(HttpContext context)
{try{#region Form取值(不行)//string contentType = context.Request.Form["contentType"].ToString();//string param2 = context.Request.Form["param2"].ToString();#endregion#region InputStream取值（可以）Stream stream = context.Request.InputStream;byte[] bytes = new byte[stream.Length];stream.Read(bytes, 0, bytes.Length);string parameters = Encoding.Default.GetString(bytes);JObject jObject = (JObject)JsonConvert.DeserializeObject(parameters);string contentType = jObject["contentType"].ToString();string param2 = jObject["param2"].ToString(); #endregion                }catch (Exception ex){context.Response.Write("error");}
}

前台代码，data是json对象：

function PostSendParams() {$.ajax({type: "post",url: "Handler1.ashx",contentType: "application/json;charset=utf-8;",data: { contentType: "application/json", param2: 18 },dataType: "json",success:function(data) {alert("data=" + data);},error:function(error) {alert("error=" + error);}});
}

后台取值：

public void ProcessRequest(HttpContext context)
{try{#region Form取值(不行)//string contentType = context.Request.Form["contentType"].ToString();//string param2 = context.Request.Form["param2"].ToString();#endregion#region InputStream取值（不行）Stream stream = context.Request.InputStream;byte[] bytes = new byte[stream.Length];stream.Read(bytes, 0, bytes.Length);string parameters = Encoding.Default.GetString(bytes);JObject jObject = (JObject)JsonConvert.DeserializeObject(parameters);string contentType = jObject["contentType"].ToString();string param2 = jObject["param2"].ToString(); #endregion                }catch (Exception ex){context.Response.Write("error");}
}

get传值

前台代码，data是json字符串：

function GetSendParams() {$.ajax({type: "get",url: "Handler1.ashx",contentType: "application/json;charset=utf-8;",data: "{ \"contentType\": \"application/json\", \"param2\": \"18\" }",        dataType: "json",success: function (data) {alert("data=" + data);},error: function (error) {alert("error=" + error);}});
}

后台取值：

public void ProcessRequest(HttpContext context)
{try{#region QueryString取值（不行）//string contentType = context.Request.QueryString["contentType"].ToString();//string param2 = context.Request.QueryString["param2"].ToString();#endregion#region InputStream取值（不行）Stream stream = context.Request.InputStream;byte[] bytes = new byte[stream.Length];stream.Read(bytes, 0, bytes.Length);string parameters = Encoding.Default.GetString(bytes);JObject jObject = (JObject)JsonConvert.DeserializeObject(parameters);string contentType = jObject["contentType"].ToString();string param2 = jObject["param2"].ToString();#endregion}catch (Exception ex){context.Response.Write("error");}
}

前台代码，data是json对象：

function GetSendParams() {$.ajax({type: "get",url: "Handler1.ashx",contentType: "application/json;charset=utf-8;",data: { contentType: "application/json", param2: 18 },dataType: "json",success: function (data) {alert("data=" + data);},error: function (error) {alert("error=" + error);}});
}

后台取值：

public void ProcessRequest(HttpContext context)
{try{#region QueryString取值（可以）string contentType = context.Request.QueryString["contentType"].ToString();string param2 = context.Request.QueryString["param2"].ToString();#endregion#region InputStream取值（不行）//Stream stream = context.Request.InputStream;//byte[] bytes = new byte[stream.Length];//stream.Read(bytes, 0, bytes.Length);//string parameters = Encoding.Default.GetString(bytes);//JObject jObject = (JObject)JsonConvert.DeserializeObject(parameters);//string contentType = jObject["contentType"].ToString();//string param2 = jObject["param2"].ToString();#endregion}catch (Exception ex){context.Response.Write("error");}
}

总结

当contentType=application/json;charset=utf-8;时，post传值只有在data是json字符串后台用InputStream进行解析，才能获取参数；
当contentType=application/json;charset=utf-8;时，get传值只有在data是json对象后台用QueryString进行解析，才能获取参数。

ajax：前后端json传值写法相关推荐

java前后端用json传值_前后端——json的传值与接收（springMvc）
原标题:前后端--json的传值与接收(springMvc) 前端传值: 通过将要传输的数据封装为json,然后再通过ajax接收: JSON.stringify(data) 1 后端接收值只需要通过 ...
layui 传递前端请求_Layui数据表格前后端json数据接收的方法
先上效果图: 前端数据表格: 编号菜单名称菜单路径菜单图标菜单子菜单操作编辑删除 js代码 $(function () { //注意:这里是数据表格的加载数据,必须写 layui.use(['ta ...
Ajax前后端交互利器详解(一)
✍Ajax前后端交互利器
Ajax 前后端数据交互
ajax 数据交互今天又是奋斗的一天,行吧,来学习ajax ajax 数据交互什么是ajax? ajax的`优势` ajax的使用创建一个ajax对象配置这个对象发送请求接受返回过来的数据 ...
【Demo】idea搭建SpringBoot和AJAX前后端数据交互
此文章详细介绍了idea 搭建springboot步骤,以及简易的前后端通过ajax进行简单数据交互代码,二话不说,进入正题. 第一步.idea开发工具搭建springboot框架来看下整个项目结构 ...
SpringMVC获取前端传来的json数据的四种方法（前后端json交互总结）
一.导包一定要有 Jackson 的jar包依赖,就算有了fastjson,也要有Jackson包 <dependency><groupId>com.fasterxml.ja ...
ajax前后端通信的头部消息之请求头与响应头
前后端在通信时,互相发送的消息包括头部消息和主体数据,而头部消息分为请求头和响应头两种. 请求头是前端发送,服务端获取. 响应头是服务端发送,前端获取. 设置请求头的规则: 请求头设置必须在open方 ...
[JavaScript][AJAX] 前后端交互流程,ajax工作流程
目录前后端交互流程 1.了解服务器 : 提供服务器的机器(计算机) 2.前端访问服务器的几种方式 3.ajax技术 : 页面不跳转的情况下,向服务器请求数据 4.前后端交互三个流程 ajax工作流 ...
http前后端传参写法
HTTP是常用的B/S架构的前后端交互协议,springboot对http接口的传参有以下几种参数接收方式 @RequestMapping(path = "/test")@Resp ...
Web前端Javascript笔记（8）Ajax前后端交互
认识Ajax 全名Asynchronous Javascript and XML(异步JavaScript和XML),节省用户操作时间,提高用户体验,减少数据请求,传输获取数据.Ajax相当于前后台数 ...

ajax：前后端json传值写法

post传值

get传值

总结

ajax：前后端json传值写法相关推荐

最新文章

热门文章