javascript - 通过 xmlhttprequest 提交带有重音字符的表单

Question

我实现了使用 xmlhttpreqeust 的表单提交方法。我看到了新的 html5 功能 FormData，它允许将文件与表单一起提交。凉爽的!然而，重音字符存在一个问题，特别是 Word 制作的那些愚蠢的智能引号(是的，我对这些字符有点偏见)。我曾经让它提交到一个隐藏的 iframe，这是老派的方式，而且我对放在那里的各种奇怪的字符从来没有遇到过问题。但我想这样会更好。事实证明这是一个更令人头痛的问题:-/

让我们看一下代码。我的 javascript 函数(注意注释掉的行):

var xhr = new XMLHttpRequest();
var fd = new FormData(form);

xhr.addEventListener("error", uploadFailed, false);
xhr.addEventListener("abort", uploadCanceled, false);
xhr.addEventListener("load", uploadComplete, false); 

xhr.open($(form).attr('method'), $(form).attr('action'));

//xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=ISO-8859-1");
xhr.send(fd);

这是一个缩短的 View ，请查看第 1510 行 http://archive.cyark.org/sitemanager/sitemanager.js查看整个函数。

然后在接收 php 页面上，我在顶部:

header('Content-Type: text/html; charset=ISO-8859-1'); 

接下来是一些基本的 php，用 post 数据构建一个字符串并将其作为更新提交到 mysql。

那我该怎么办？如果我取消注释 javascript 中的内容类型设置，它会完全破坏我的 php 脚本中的 POST 数据。我不知道问题是出在javascript、php还是mysql。有什么想法吗？

Answer 1

编码问题有时很难调试。简而言之，最好的解决方案是在任何地方都使用 UTF8 作为编码。也就是说，应用程序堆栈的每个组件。

您的页面似乎以 ISO-LATIN-1 形式交付(通过 Web 服务器的 HTTP header 发送)，这会导致浏览器使用 latin1 或某些 Windows 等效项(如 windows-1252)，即使您的 HTML HEAD 中可能有 META 元素用户代理使用 UTF8。 HTTP header 优先。检查其他文件格式(尤其是 .js)的交付是否也是 UTF8。如果在配置所有与客户端相关的内容(HTML、JS、XHR 等)以使用 UTF8 后问题仍然出现，您将必须开始检查服务器端是否存在问题。

这可能包括 PHP 文件不是正确的 UTF8 等简单问题(我想说在 Linux 服务器上不太可能)，但通常包括 mysql 配置(服务器和客户端)、数据库和表默认编码(和排序规则)的问题以及正确的连接设置。问题也可能是由不正确的 PHP ini 或 mbstring 配置设置引起的。

示例(不完整；这里使用mysql作为通用数据库示例):

MySQL配置

[mysqld]
default_character_set = utf8
character_set_client = utf8
character_set_server  = utf8
[client]
default_character_set = utf8

请注意，这些设置对于 mysql 5.1 和 5.5 版本是不同的，并且可能会在使用错误变量时阻止 mysqld 启动。请参阅http://dev.mysql.com/doc/refman//5.5/en/server-system-variables.html和 http://dev.mysql.com/doc/refman/5.1/en/server-system-variables.html了解详情。

您可以通过 CLI 检查您的 mysql 变量:

mysql> SHOW VARIABLES LIKE '%char%';
Variable_name Value
character_set_client utf8
character_set_connection utf8
character_set_database utf8
character_set_filesystem binary
character_set_results utf8
character_set_server utf8
character_set_system utf8

创建数据库和表时尝试使用类似的东西

CREATE DATABASE $db /*!40100 DEFAULT CHARACTER SET utf8 */

PHP.ini 设置(应该已经是默认值):

default_charset = "utf-8"

PHP 的 MB-String 扩展默认使用 latin1，如果使用应重新配置:

[mbstring]
mbstring.internal_encoding = UTF-8
mbstring.http_output = UTF-8
...some more perhaps...

Web服务器设置(以Apache为例，也适用于其他服务器):

# httpd.conf
AddDefaultCharset UTF-8

PHP 源代码可能使用 header 设置，例如:

header('Content-type: text/html; charset=UTF-8');

Shell(bash)设置:

# ~/.profile
export LC_CTYPE=en_US.UTF-8
export LANG=en_US.UF-8

此处列出的上述列表只是为了提示您在某些情况下可能会遇到哪些陷阱。您使用的 Web 堆栈的每个组件都必须能够使用 UTF8，并且应该正确配置才能实现这一点。尽管如此，通常一个简单、正确的 UTF8 HTTP header 就足以解决大多数问题。祝你好运! :-)