使用zepto的ajax进行请求,contentType设置编码不生效?

我前端通过ajax请求后端接口,后端获取到的中文字段全是乱码。

我觉得是前端ajax请求的时候,设置编码可能没设置对。而且后端获取到了我的编码后,说的是给他的编码是IS08859-1的编码格式。

感觉是ajax请求的contentType这个字段。好像要设置成contentType: 'application/json;charset=utf-8'

于是我按网上的这样设置了一下。

$.ajax({
    url: xxx,
    type: "GET",
    contentType: 'application/json;charset=utf-8',
    dataType: 'jsonp',
    timeout: xxx,
    data: xxx,
})

然后请求接口,但是在请求头信息里并没有看到我设置的Content-Type字段。
图片描述

请问为什么我这么设置的contentType字段不生效呢?还有前端请求上传数据该怎么设置编码格式为utf-8编码呢?

回复
阅读 10.9k
3 个回答

这是jQuery的做法,可以试试看。

$.ajax({
    url: xxx,
    type: "GET",
    headers: {
        "Content-Type": "application/json;charset=utf-8"
    },
    dataType: 'jsonp',
    timeout: xxx,
    data: xxx,
})

把中文encodeURI/encodeURIComponent(Url编码)一下,后端获取到数据后进行一次UrlDecode。

encodeURI('测试'); //%E6%B5%8B%E8%AF%95
encodeURIComponent('测试')

正常的中文数据传递都会进行UrlEncode一下,至于为什么Zepto的ajax会丢失掉contentType,请参考Zepto源码的《这里》(v1.2.0):

    if (settings.contentType || (settings.contentType !== false && settings.data && settings.type.toUpperCase() != 'GET'))
      setHeader('Content-Type', settings.contentType || 'application/x-www-form-urlencoded')

请求类型不为get,并且传递了参数data,才能设置contentType


我的个人网站:《听说

还需要加一个配置:

{
    ContentType: "application/json;charset=utf-8"
    processData: false
}
推荐问题
宣传栏