解決AJAX中文亂碼只需一句話

2024-09-01 08:30:26

字體：大中小

來源：轉載

供稿：網友

程序員在處理AJAX小程序的時候是不是有遇到過中文亂碼的問題呢？那么你是不是因為AJAX中文亂碼而一籌莫展呢？別擔心，其實解決AJAX中文亂碼只需一句話，現在我們就一起去看看吧。

下面是我的程序
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>無標題頁</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 ="來自服務器的信息：您好 "+context.Request.QueryString["val"].ToString()+" --by time:"+DateTime.Now.ToLongTimeString();
context.Response.Write(tab);
}
public bool IsReusable {
get {
return false;
}
}
}

baidu搜了一大堆大致意思是 AJAX提交數據時，使用的是UTF-8的編碼并且不可以設置為其他格式
如何解決呢最后發現一個JS的函數escape與unescape 用escape()對將要提交的漢字進行編碼，會出現大致%10%20的字符，類似與.NET中Server.UrlEncode()與Server.UrlDecode();
將JS獲得的表單值進行重新編碼
Code

var txtval=escape(document.getElementById("txt").value);

OK，問題解決！

其實解決AJAX中文亂碼只需一句話，是不是沒有我們想象中那么難呢？可能還有其他解決方法小編不知道的，歡迎大家留言補充哦！

上一篇：AJAX的簡介

下一篇：AJAX的十條開發守則