如何解决Ajax中文乱码问题_AJAX教程

编辑Tag赚U币
教程Tag:暂无Tag,欢迎添加,赚取U币!

推荐:AJAX教程之AJAX的jQuery实现入门(一)
Ajax在网上已经叫喊了好几年了, 但是还是有很多像我这样的新手没掌握它, 像这样能改善交互体验的技术不会用真是很遗憾呢. 所以我就把我学到的记录下来,供高手指正,新手共勉. 首先,稍微扫扫盲: AJAX = Asynchronous JavaScript And XML , 这里有三个关键词: A

网上有很多解决这个问题的方法,试了一下都不好用,自己就对于这些方法测试了一下,然后逐个排除无用的设置,最后得到了最简单的方案。


js代码:
得到XmlHttpRequest的类
Code
1function HttpRequest()
2{
3 //取得Request对象
4 this.Request=function(){
5 try
6 {
7 if(window.XMLHttpRequest) request=new XMLHttpRequest();
8 if(!request)request=new ActiveXObject("Microsoft.XMLHTTP");
9 if(!request)request=new ActiveXObject("Msxml2.XMLHTTP");
10 return request;
11 }
12 catch(e)
13 {
14 alert("不支持XMLHTTPRequest");
15 }}
16}调用过程:
Code
1<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="AjaxTest._Default" %>
2
3<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
4<html xmlns="http://www.w3.org/1999/xhtml">
5<head runat="server">
6 <title>Untitled Page </title>
7
8 <script language="javascript" type="text/javascript" src="User.Base.js"></script>
9
10 <script language="javascript" type="text/javascript">
11 function Check()
12 {
13 var request=new HttpRequest().Request();
14 request.onreadystatechange=function (){
15 if(request.readyState==4)
16 {
17 if(request.status==200)
18 {
19 alert(request.responseText);
20 }
21 else
22 {
23 alert(request.responseText);
24 }
25 }
26 }
27 var value=document.getElementById("val").value;
28 request.open("POST","Default.aspx?Value="+value,true);
29 //设置防止乱码的方法,只要一句话就行
30 request.setRequestHeader("Content-Type","text/html;charset=gb2312");
31 request.send(null);
32 }
33 </script>
34
35</head>
36<body>
37 <form id="form1" runat="server">
38 <div>
39 <input id="val" type="text" onblur="Check()" />
40 </div>
41 </form>
42</body>
43</html>
44后台取得输入值:
protected void Page_Load(object sender, EventArgs e)
{
string value = Request["Value"];
}
测试过,可以得到正确的输入字符。

 

分享:AJAX教程之AJAX的jQuery实现入门(二)
要写入数据库,我们知道的最简单的就是注册了, 就做个最简单的注册表单, 看看是如何提交数据的. 我们先写如下的html代码,三个文本框,一个按钮: p昵称:input type=text name=username id=sname //p p密码:input type=text name=password id=spwd /

来源:模板无忧//所属分类:AJAX教程/更新时间:2010-02-11
相关AJAX教程