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 ......
曾经对ajax很好奇，每次和同学或者同事谈起ajax听他们在那轻描淡写一番不知所以然，前几天查资料才豁然明白。下面直入正题：
Ajax 基本上就是把 JavaScript 技术和 XMLHttpRequest
对象放在 Web
表单和服务器之间
。当用户填写表单时，数据发送给一些 JavaScript 代码而不是
直接发送给服务器。相反，JavaScript
......
ajax的功能主要是应用在js上，ajax对asp没什么要求，asp只负责在后台显示及操作服务端的数据。
可以像下面这样思考：
1.写表单第一项（如用户名）
2.onblur事件(失去焦点)发生时开始验证，onblur="checkusername()"
3.js发一个请求给第一个asp(假定为ajaxusername.asp)如果从数据库中找到了这个用户，给出1 ......
ajax的列表联动示例
1、 输入域：
请选择省：
<select id="sel1" onchange="return choose(this);">
<option value="">--请选择--</option>
<option value="1">湖南省</option>
&nb ......
本文地址: jQuery Ajax 全解析
本文作者：QLeelulu
转载请标明出处！
jQuery确实是一个挺好的轻量级的JS框架，能帮助我们快速的开发JS应用，并在一定程度上改变了我们写JavaScript代码的习惯。
废话少说，直接进入正题，我们先来看一些简单的方法，这些方法都是对jQuery.ajax()进行封装以方便我们使用的方法，当然，如� ......
