快捷導(dǎo)航

解決3.01版的jquery.form.js中文亂碼問(wèn)題的解決方法

更新時(shí)間：2012年03月08日 23:12:10 作者：

最近用到了jquery的一個(gè)fom插件，是一個(gè)全面支持表單的jQuery插件。昨天在用ajaxSubmit進(jìn)行Form Post提交的時(shí)候，發(fā)現(xiàn)服務(wù)器端取回的中文數(shù)據(jù)居然是亂碼。這個(gè)可能是因?yàn)閖query是utf-8，不支持gb2312

網(wǎng)上搜了很多方法，可能因?yàn)槲矣玫倪@jquery.form.js是3.01版，也就是今年3月6日才發(fā)布的版本(汗。。。就是前天)，所以普遍不太管用。至于低版本的是否管用，這個(gè)我沒(méi)有去考證，但大部分還是不負(fù)責(zé)任的Copy Copy Copy 。還有一些方法是在提交前對(duì)所有的值先編碼，我覺(jué)得這個(gè)太麻煩，額外增加了不少的前端代碼量，也就沒(méi)有采取。
好吧，那還是自己來(lái)處理吧。首先我們要找到切入點(diǎn)，也就是解決問(wèn)題的入口。既然我們是要對(duì)JS傳遞的數(shù)據(jù)進(jìn)行編碼，那么首先肯定要從數(shù)據(jù)的傳遞函數(shù)開(kāi)始。我調(diào)用的是ajaxSubmit函數(shù)，就是它了。打開(kāi)js文件，找到這個(gè)函數(shù)，看源碼，發(fā)現(xiàn)有一行：

復(fù)制代碼代碼如下:

var qx, a = this.formToArray(options.semantic);

formToArray的作用是把采集到的表單數(shù)據(jù)轉(zhuǎn)換成對(duì)象數(shù)組，然后傳遞到$.get、$.post 等Ajax函數(shù)。我覺(jué)得有戲了。不過(guò)接下去的代碼幾百行，為節(jié)省時(shí)間，還是直入主題吧。我在上面那行設(shè)置斷點(diǎn)，在Web頁(yè)面輸入中文數(shù)據(jù)，通過(guò)JS一步步調(diào)試來(lái)理解該源碼。程序執(zhí)行之后，幾經(jīng)跳轉(zhuǎn)，最后在fieldValue這個(gè)函數(shù)的最后部分，終于找到了：

復(fù)制代碼代碼如下:

return $(el).val();

這樣，我們只要在這里進(jìn)行客戶(hù)端的編碼即可：

復(fù)制代碼代碼如下:

return escape($(el).val());

然后在服務(wù)器端，可以用 Server.UrlDecode() 進(jìn)行解碼，這樣亂碼就不在出現(xiàn)了，可以正確的接受中文字符了~~~

大家有什么好的方法或者建議也可以提出來(lái)。

您可能感興趣的文章: