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

jquery ajax contentType设置

时间:2019-01-06 00:07:27      阅读:279      评论:0      收藏:0      [点我收藏+]

标签:col   alt   str   ajax   解决办法   ram   image   技术分享   for   

 

  默认get方法没有contentType,post方法的contentType为:application/x-www-form-urlencoded; charset=UTF-8

(1) 设置成application/x-www-form-urlencoded, 后端可以直接用

String username = request.getParameter("username");
String password = request.getParameter("password");

getParamter方法获取。

如:

            $.ajax({
                type: ‘post‘,
                url:‘/contentType‘,
                contentType:‘application/x-www-form-urlencoded‘,
                data:{
                    username:‘admin‘,
                    password:‘123123‘
                },
                dataType:‘json‘,
                success:function (data) {

                }
            })    

 

(2)设置成application/json

技术分享图片

这个时候可以看出取不到数据了。

解决办法:

InputStream inputStream = request.getInputStream();
String param = IOUtils.toString(inputStream);

如果这样请求:

$.ajax({
    type: ‘post‘,
    url:‘/contentType‘,
    contentType:‘application/json‘,
    data:{
        username:‘admin‘,
        password:‘123123‘
    },
    dataType:‘json‘,
    success:function (data) {

    }
})

拿到的是一个&分隔开的键值对

技术分享图片

所以前端先做一层json的转化:

var info ={
    username:‘admin‘,
    password:‘123123‘
};
$.ajax({
    type: ‘post‘,
    url:‘/contentType‘,
    contentType:‘application/json‘,
    data: JSON.stringify(info),
    dataType:‘json‘,
    success:function (data) {

    }
})

然后就可以得到标准的json的格式了。接下来就是json的转化了

技术分享图片

 

接下来测试:‘application/json‘和‘application/x-www-form-urlencoded‘能携带的数据量的差异:

 

技术分享图片

用application/json:后面‘2’长度几十万,后端都可以接收。

改用另外一个也可以

 

jquery ajax contentType设置

标签:col   alt   str   ajax   解决办法   ram   image   技术分享   for   

原文地址:https://www.cnblogs.com/chenmz1995/p/10226683.html

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