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

时间:2012-07-24 22:03:23

标签: javascript html5 xmlhttprequest form-data

我实现了使用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);

这是一个缩短的视图,请查看http://archive.cyark.org/sitemanager/sitemanager.js处的第1510行以查看整个功能。

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

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

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

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

1 个答案:

答案 0 :(得分:2)

编码问题有时难以调试。简而言之,最好的解决方案是使用UTF8作为编码到处。也就是说,应用程序堆栈的每个组件

您的页面似乎是以ISO-LATIN-1(通过您的网络服务器的HTTP标头发送)提供的,这导致浏览器使用latin1或某些Windows等效的Windows-1252,即使您的HTML的HEAD告诉你可能有META元素用户代理使用UTF8。 HTTP标头优先。检查您的其他文件格式(尤其是.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.htmlhttp://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标头足以排除大多数问题。祝好运! : - )