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

Question

我前端通过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编码呢？

Answer 1

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

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

Answer 2

把中文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。

---

我的个人网站：《听说》

Answer 3

还需要加一个配置：

{
    ContentType: "application/json;charset=utf-8"
    processData: false
}