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
相关文档：
曾经对ajax很好奇，每次和同学或者同事谈起ajax听他们在那轻描淡写一番不知所以然，前几天查资料才豁然明白。下面直入正题：
Ajax 基本上就是把 JavaScript 技术和 XMLHttpRequest
对象放在 Web
表单和服务器之间
。当用户填写表单时，数据发送给一些 JavaScript 代码而不是
直接发送给服务器。相反，JavaScript
......
在使用JQuery的ajax访问页面时，总是出错，得不到返回的html代码，又不知道出的什么错，百思不得其解
于是就用XMLHTTP去访问，结果也出错，不过能够得到错误原因，然后根据错误因为去网上查，终于得到了答案。。
原来jsp的编码与java的编码不一致
方案①
错误
<%@ page contentType="text/html;charset= ......
ajax进行用户的有效性检测示例
1、 输入域：
会员的有效性检查：
<input type="text" name="username"> <input type="button" value="检查" onclick="return check();">
2、 JavaScript脚本：
var xmlHttp;
//创建XMLHttpRequest ......
ajax中使用post 方式提交表单时能提交多达2GB的内容,而GET方法只能提交最多512KB的内容.以下是ajax POST提交的例子.
<!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& ......
基于JQuery框架的AJAX
前几天发了个贴，分享了prototype框架关于AJAX方面的学习过程。然后有人说jquery框架更方便。
正好项目中准备使用thickbox，于是干脆抛弃prototype.js，看起jquery.js了。JQuery确实不错，体积比 Prototype小了许多，而且使用起来更方便更灵活。有人说Prototype像JAVA，正统；而JQuery像Ruby，灵活� ......
