一句話解決AJAX中文亂碼問題[推薦]
更新時(shí)間：2008年10月10日 21:48:27 作者：
寫了個(gè)通過一般處理程序處理的AJAX小程序 結(jié)果遇到了國內(nèi)程序員遇到的最多的問題：中文亂碼
下面是我的程序
HTML ：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>無標(biāo)題頁</title>
<script type="text/javascript" language="javascript">
var xmlhttp;
function createXMLHttprequest()
{
if(window.ActiveXObject)
{
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
else if(window.XMLHttpRequest)
{
xmlhttp=new XMLHttpRequest();
}
}
function inData()
{
var txtval=document.getElementById("txt").value;
createXMLHttprequest();
xmlhttp.open("GET","request.ashx?val="+txtval,true);
xmlhttp.onreadystatechange=getData;
xmlhttp.send(null);
}
function getData()
{
if(xmlhttp.readyState==4)
{
if(xmlhttp.status==200)
{
document.getElementById("showDT").innerHTML=xmlhttp.responseText;
}
}
}
</script>
</head>
<body>
<form id="form1" action="">
<div>請輸入姓名：
<input type="text" id="txt" />
<input type="button" value="提交" id="asdf" onclick="inData()" />
<span id="showDT" ></span>
</div>
</form>
</body>
</html>
request.ashx ：
Code
<%@ WebHandler Language="C#" Class="request" %>
using System;
using System.Web;
public class request : IHttpHandler {
public void ProcessRequest (HttpContext context) {
context.Response.ContentType = "text/plain";
string tab ="來自服務(wù)器的信息：您好 "+context.Request.QueryString["val"].ToString()+" --by time:"+DateTime.Now.ToLongTimeString();
context.Response.Write(tab);
}
public bool IsReusable {
get {
return false;
}
}
}
baidu搜了一大堆 大致意思是 AJAX提交數(shù)據(jù)時(shí)，使用的是UTF-8的編碼 并且不可以設(shè)置為其他格式
如何解決呢 最后發(fā)現(xiàn)一個(gè)JS的函數(shù)escape與unescape 用escape()對將要提交的漢字進(jìn)行編碼，會出現(xiàn)大致%10%20的字符，類似與.NET中Server.UrlEncode()與Server.UrlDecode();
將JS獲得的表單值進(jìn)行重新編碼
Code
var txtval=escape(document.getElementById("txt").value);
OK， 問題解決！
其他可能還有別的辦法至今沒遇到 希望這個(gè)辦法能幫到遇到這種困境的朋友
HTML ：
復(fù)制代碼 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>無標(biāo)題頁</title>
<script type="text/javascript" language="javascript">
var xmlhttp;
function createXMLHttprequest()
{
if(window.ActiveXObject)
{
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
else if(window.XMLHttpRequest)
{
xmlhttp=new XMLHttpRequest();
}
}
function inData()
{
var txtval=document.getElementById("txt").value;
createXMLHttprequest();
xmlhttp.open("GET","request.ashx?val="+txtval,true);
xmlhttp.onreadystatechange=getData;
xmlhttp.send(null);
}
function getData()
{
if(xmlhttp.readyState==4)
{
if(xmlhttp.status==200)
{
document.getElementById("showDT").innerHTML=xmlhttp.responseText;
}
}
}
</script>
</head>
<body>
<form id="form1" action="">
<div>請輸入姓名：
<input type="text" id="txt" />
<input type="button" value="提交" id="asdf" onclick="inData()" />
<span id="showDT" ></span>
</div>
</form>
</body>
</html>
request.ashx ：
Code
復(fù)制代碼 代碼如下:
<%@ WebHandler Language="C#" Class="request" %>
using System;
using System.Web;
public class request : IHttpHandler {
public void ProcessRequest (HttpContext context) {
context.Response.ContentType = "text/plain";
string tab ="來自服務(wù)器的信息：您好 "+context.Request.QueryString["val"].ToString()+" --by time:"+DateTime.Now.ToLongTimeString();
context.Response.Write(tab);
}
public bool IsReusable {
get {
return false;
}
}
}
baidu搜了一大堆 大致意思是 AJAX提交數(shù)據(jù)時(shí)，使用的是UTF-8的編碼 并且不可以設(shè)置為其他格式
如何解決呢 最后發(fā)現(xiàn)一個(gè)JS的函數(shù)escape與unescape 用escape()對將要提交的漢字進(jìn)行編碼，會出現(xiàn)大致%10%20的字符，類似與.NET中Server.UrlEncode()與Server.UrlDecode();
將JS獲得的表單值進(jìn)行重新編碼
Code
復(fù)制代碼 代碼如下:
var txtval=escape(document.getElementById("txt").value);
其他可能還有別的辦法至今沒遇到 希望這個(gè)辦法能幫到遇到這種困境的朋友
相關(guān)文章
強(qiáng)烈推薦-ajax開發(fā)者必看的文章...2007-03-03
這篇文章主要介紹了ajax請求添加自定義header參數(shù)代碼，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-11-11
JSON是一種簡單的數(shù)據(jù)格式，比xml更輕巧。其規(guī)則很簡單，對象是一個(gè)無序的名稱/值對集合，下面有個(gè)案例，大家可以感受下2014-07-07
AjaxFileUpload結(jié)合Struts2實(shí)現(xiàn)多文件上傳(動態(tài)添加文件上傳框)
本文是腳本之家小編給大家分享的AjaxFileUpload結(jié)合Struts2實(shí)現(xiàn)多文件上傳功能，如果項(xiàng)目需求是不確定多少個(gè)文件，我們需要動態(tài)的添加文件上傳框，具體實(shí)現(xiàn)代碼大家參考下本文2017-09-09
Ajax留言本源碼 提供下載了...2007-08-08
php ajax網(wǎng)站瀏覽統(tǒng)計(jì)功能的簡單實(shí)現(xiàn)
這個(gè)功能應(yīng)該是很多網(wǎng)站都需要的,這里僅僅實(shí)現(xiàn)了一個(gè)基于文件的簡易版本,數(shù)據(jù)庫的版本請自行參考實(shí)現(xiàn),我這里實(shí)現(xiàn)的功能很不完善,比如未過濾是否為同一訪客,是否為同一IP等等,這里僅僅是給大家提供一個(gè)參考.2008-09-09
這篇文章主要介紹了Ajax jsonp跨域請求實(shí)現(xiàn)方法的相關(guān)資料,需要的朋友可以參考下2015-11-11
pushState實(shí)現(xiàn)Ajax無刷新頁面切換
這篇文章主要介紹了pushState實(shí)現(xiàn)Ajax無刷新頁面切換的相關(guān)資料,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-11-11
今天小編就為大家分享一篇ajax處理返回的json格式數(shù)據(jù)方法，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
Ajax配合Spring實(shí)現(xiàn)文件上傳功能代碼
最近在開發(fā)一個(gè)可以上傳圖片到服務(wù)器的web表面頁面，下面給大家分享需求和實(shí)現(xiàn)思路，需要的的朋友參考下吧2017-05-05