11

最近，我遇到了一些与使用 POST 方法进行的 AJAX 调用的字符编码相关的非常奇怪的行为。长话短说，我有一个带有可以接受变音符号（例如“ ä ”）的文本字段的 HTML 表单。提交表单时，表单数据被包装在一个 XML 块中并发送到服务器，该服务器将该信息存储在 MySQL 数据库中。随后，从数据库中检索该信息并按原样显示给普通用户。

如果请求是从 Chrome 或 IE 发送的，则一切正常。这意味着数据（包括变音符号）会被正确发送、存储、检索和显示。但是，当我为此使用 Firefox 时，XML 似乎可以正确提交表单数据，但是当我重新加载网页时，之前发送的变音符号不会出现。换句话说，他们似乎在途中迷路了。例如，如果 XML 包含单词“ tästä ”，当我加载页面时，我会看到“ tst ”。

为什么会这样？Firefox 对帖子消息的编码是否与 IE 和 Chrome 不同？

如果有帮助，我附上了来自 Chrome 和 Firefox 的请求和响应标头，用于完全相同的表单内容 - 只有一个示例：

顺便说一句，我没有在将数据发送到服务器之前对其进行编码，而只是按原样检索表单字段的值。

铬合金：

XML 数据块：

<request>
<session>{hidden by me}</session>
<builder>Hem i Stan tästä</builder>
</request>

请求标头：

Accept:*/*
Accept-Charset:ISO-8859-1,utf-8;q=0.7,*;q=0.3
Accept-Encoding:gzip,deflate,sdch
Accept-Language:en-US,en;q=0.8
Connection:keep-alive
Content-Length:562
Content-Type:application/x-www-form-urlencoded
Cookie:PHPSESSID=rlne2d787j0np52ec5rtn04dm1
Host:83.150.87.220
Origin:http://hidden.by.me
Referer:http://http://hidden.by.me/?c=2094211
User-Agent:Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.1 (KHTML, like Gecko) Chrome/21.0.1180.89 Safari/537.1
X-Requested-With:XMLHttpRequest

响应标头：

Connection:Keep-Alive
Content-Encoding:gzip
Content-Type:application/xml
Date:Mon, 17 Sep 2012 16:21:58 GMT
Keep-Alive:timeout=5, max=100
Server:Apache/2.2.11 (Win32) PHP/5.2.9-1
Transfer-Encoding:chunked
Vary:Accept-Encoding

火狐：

XML 数据块：

<request>
<session>{hidden by me}</session>
<builder>Hem i Stan tästä</builder>
</request>

请求标头：

Accept  */*
Accept-Encoding gzip, deflate
Accept-Language en-us,en;q=0.5
Connection  keep-alive
Content-Length  562
Content-Type    application/x-www-form-urlencoded; charset=UTF-8
Cookie  PHPSESSID=kvfg4fp2trorllim19dmn241c7
Host    hidden.by.me
Referer http://hidden.by.me/?c=2094211
User-Agent  Mozilla/5.0 (Windows NT 6.1; WOW64; rv:14.0) Gecko/20100101 Firefox/14.0.1
X-Requested-With    XMLHttpRequest

响应标头：

Connection  Keep-Alive
Content-Encoding    gzip
Content-Type    application/xml
Date    Mon, 17 Sep 2012 16:21:23 GMT
Keep-Alive  timeout=5, max=100
Server  Apache/2.2.11 (Win32) PHP/5.2.9-1
Transfer-Encoding   chunked
Vary    Accept-Encoding
4

2 回答 2

6

正如@Pointy 前段时间提到的，问题与Content-Type请求有关POST，因为 Firefox 对消息的编码似乎与POST其他浏览器不同。在我的脑海中，Data-Type并且Content-Type是相同的，所以我没有意识到UTF-8在这两种情况下都需要指定为字符编码标准。Content-Type但是，一旦我将 the和 the都更改Data-Type为明确的“text/xml; charset=UTF-8”，问题就解决了。

于 2012-11-12T15:55:34.813 回答
1

我太高兴了。谢谢你们早点发帖和解决这个问题。我花了几个小时才通过谷歌搜索找到这个问题，但是由于你的评论，我在不到一天的时间内就解决了这个问题；并赶上明天的大型演讲！:)

太奇怪了，看到所有浏览器都在 AJAX 请求中发送完全相同的数据字符串，但得到不同的结果，具体取决于浏览器（Firefox 不同。）

我试过这个，但没有奏效：

req.setRequestHeader("编码", "utf-8");

然后我就按照你所说的 Firefox 做了，一个编码解决方案适用于所有浏览器。

req.setRequestHeader("内容类型", "application/x-www-form-urlencoded;charset=utf-8");

我已经在 Chrome、MSIE、Firefox、Safari、Opera 和 Opera Next 上进行了测试。每次都有效！

于 2013-01-28T15:16:07.983 回答