Chrome扩展程序ajax发送格式错误的重音字符

Question

我在chrome扩展程序上使用jQuery发送一个AJAX POST请求，但数据没有按预期到达，重音字符变得格格不入。

文字“HÄGERSTEN”变成“H”GERSTEN“。

该文本在控制台等中显示正常，只有通过AJAX才能显示如上所述的其他页面。 我的AJAX调用是基本的，我通过jQuery $ .ajax发送数据对象。 我已尝试使用和不使用contentType，UTF-8和ISO-8859-1。 没有不同。

这是我进行AJAX调用的方式：

var newValues = {name: 'HÄGERSTEN'}

$.ajax({
    url: POST_URL,
    type: 'POST',
    data: newValues,
    success: function() ...
});

newValues对象具有更多值，但我从表单中检索它们。 但是，我试图手动指定这些值为newValues['name'] = 'ÄÄÄÄ'; 仍然会导致同样的问题。

我发送AJAX的页面的原始表单元素包含属性accept-charset="iso-8859-1" 。 也许这很重要。

目标网站使用的是Servlet/2.5 JSP/2.1 。 只是因为它可能会有所作为。

我认为这是一个编码问题，因为我理解它应该是因为Chrome扩展要求脚本文件是UTF-8编码的，这可能与插件运行的网站和目标AJAX页面（同一网站）冲突正在使用ISO-8859-1编码，但我不知道如何处理它。 我已经尝试了几种解码/编码UTF-8到ISO-8859-1和其他技巧的方法，但没有成功。

我已经尝试在我的值上使用encodeURIComponent ，这只会使它们显示在显示我通过POST发送的值的表单上，例如H%C3%84GERSTEN 。

我无法访问网站服务器，无法告诉您这是否是他们身边的问题，但我不这么认为。

UPDATE

现在我已经了解POST数据必须以UTF-8发送！ 那么转换不是问题吗？

Answer 1

似乎数据在发送时是UTF-8编码的，并且在服务器端没有正确解码。 它必须在服务器端解码。 使用以下编码和解码功能测试它：

 function encode_utf8(s) { return unescape(encodeURIComponent(s)); } function decode_utf8(s) { return decodeURIComponent(escape(s)); } var encoded_string = encode_utf8("HÄGERSTEN"); var decoded_string = decode_utf8(encoded_string); document.getElementById("encoded").innerText = encoded_string; document.getElementById("decoded").innerText = decoded_string; 

 <div> Encoded string: <span id="encoded"></span> </div> <div> Decoded string: <span id="decoded"></span> </div> 

Answer 2

我不知道它是否可以使用POST数据和AJAX解决。 也许如果我进行纯JavaScript XHR AJAX调用，我可能能够以我喜欢的方式发送POST数据。 我不知道。

然而，在我的绝望中，我尝试了我的最终选择（或者看起来像这样）; 将请求作为GET数据发送。 我很幸运，目标页面接受了GET数据。

显然，问题仍然存在，因为我以相同的方式发送数据，采用UTF-8编码。 因此，我没有将数据作为对象发送，而是使用escape将数据解析为具有我自己的函数的URL友好字符串，确保它们是ISO-8859-1友好的（因为encodeURIComponent将URI编码为UTF-8，而escape编码字符串制作它们与ISO-8859-1兼容）。

这个简单的功能可以治愈我的头痛：

function URLEncodeISO(values) {
   var params = [];
   for(var k in values) params[params.length] = escape(k) + '=' + escape(values[k]);
   return params.join('&');
}

Answer 3

客户端字符编码并不完全取决于您（从全世界不同用户那里开始使用页面：中文，意大利语......）而在服务器端，您需要为您的目的处理编码。

因此，Ajax-POST中的数据可以继续采用UTF8编码，但在服务器端，您可以执行以下操作：

PHP：

$ name = utf8_decode（$ _ POST ['name']）;

JSP：

request.setCharacterEncoding("UTF-8");
String name = request.getParameter("name");

Answer 4

我们也遇到了相同的情况，但在我们的例子中，我们总是使用JSON.stringify发送参数。
为此你必须做出改变，
1）在通过AJAX调用页面时，您必须添加content-type标记，以定义发送编码数据的位置

$.ajax
    ({
        type: "POST",
        url: POST_URL,
        dataType: 'json',//In our case the datatype is JSON
        contentType: "application/json; charset=utf-8",
        data: JSON.stringify(newValues),//I always use parameters to be sent in JSON format

编辑
在更清楚地阅读了您的问题后，我开始知道您的服务器端JSP使用ISO-8859-1编码并阅读一些帖子，我发现所有POST方法数据都将使用UTF-8传输 ，如上所述。

根据W3C XMLHTTPRequest标准，POST数据将始终使用UTF-8字符集传输到服务器

但是在阅读post jquery-ignores-encoding-iso-8859-1时 ， iappwebdev发布了一个可能有用的解决方法并帮助你，

 $.ajax({
    url: '...',
    contentType: 'Content-type: text/plain; charset=iso-8859-1',
    // This is the imporant part!!!
    beforeSend: function(jqXHR) {
        jqXHR.overrideMimeType('text/html;charset=iso-8859-1');
    }
});

以上代码取自iappwebdev发布的iappwebdev