ajax学习笔记1
<html>
<head>
<title></title>
</head>
<mce:script type="text/javascript"><!--
var xmlHttp = false;
try{
xmlHttp = new XMLHttpRequest();
}catch(trymicrosoft){
try{
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
}catch(othermicrosoft){
try{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}catch(failed){
xmlHttp = false;
}
}
}
if(xmlHttp == false){
alert("Error initializing XMLHttpRequest!");
}
// --></mce:script>
<mce:script type="text/javascript"><!--
function callServer(){
var city = document.getElementById("city");
if(city==null||city=="") return;
var url = "do_ajax.jsp?city="+escape(city);
xmlHttp.open("GET",url,true);
xmlHttp.onreadystatechange = updatePage;//onreadyStateChange事件是在readyState属性发生改变时触发的
xmlHttp.send(null);
}
function updatePage(){
if(xmlHttp.readyState == 4){
if(xmlHttp.status == 200){
var response = xmlHttp.responseText;
document.getElementById("zipCode").value=response;
}else if(xmlHttp.status == 404){
alert("not exsist");
}else {
alert("Error: status code is " + xmlHttp.status);
}
}
}
// --></mce:script>
<body>
<form action="">
city:<input type="text" id="city" onchange="callServer();">
<br>
zipCode:<input type="text" id="zipCode">
</form>
</body>
</html>
资料来源：http://www.ibm.com/developerworks/cn/ajax/newto.html?S_TACT=105AGX52&S_CMP=content
相关文档：
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>JavaScript Sample</title>
<link rel="stylesheet" type="text/css" href="main.css" media="all">
<sc ......
在使用JQuery的ajax访问页面时，总是出错，得不到返回的html代码，又不知道出的什么错，百思不得其解
于是就用XMLHTTP去访问，结果也出错，不过能够得到错误原因，然后根据错误因为去网上查，终于得到了答案。。
原来jsp的编码与java的编码不一致
方案①
错误
<%@ page contentType="text/html;charset= ......
我用ActiveXObject("Microsoft.xmldom")来装载xml文档时，竟然老是提示装载失败，后来上网搜索了下，说是不能直接包含这5个符号（'><&"），必须选用&xx;方式来转义，可我找遍XML也没发现这些。
后来我独行排除，才发现有一个元素的属性值为有“|”，去除后就正常了。我真是觉得奇怪，网上也没有说 ......
问题
在现有主站中使用的是是GBK编码的，当表单使用form submit方式递交的话没有问题，服务器端能够正确识别字符编码。但是，当客户端使用ajax的方式递交表单的话，服务器端识别客户端递交的表单的内容，当内容中有中文字符的话就会出现乱码现象。
原因分析
究其原因，其实很简单，使用ajax方式提交的表单是用utf-8� ......
项目中想用ajax，于是在网上扒了n多资料，犯了n多错误，从今天上班到现在一直在处理这个问题，终于还是把它解决了。
当我看到页面的ajax显示后，我兴奋异常，为了记录自己学习的ajax历程，也为了让更多的人少走弯路，特写此一文以记之！
废话不说了，为了更好的理解，我重做了一个小的项目，以加深印象 ......
