Ajax的一些基础
AJAX 使用 XMLHttpRequest
AJAX可使JavaScript直接与服务器交流, 通过对象 XMLHttpRequest
获取XMLHttpRequest:
Var xmlhttp;
function GetXmlHttpObject(){
if(window.XMLHttpRequest){
//针对 IE7+, 火狐, Chrome, Opera, Safari 的游览器
Return new XMLHttpRequest();
}
If(window.ActiveXObject){
//针对 IE6, IE5
Return new ActiveXObject(“Microsoft.XMLHTTP”);
}
//如果都不是
return null;
}
xmlhttp = GetXmlHttpObject();
//判断是否游览器支持AJAX
If(xmlhttp==null){
Alert(“您的游览器不支持ajax!”);
Return;
}
2.获得XMLHttpRequest后，就可以开始写发送代码
(1)Ajax的发送有两个重要的方法: open() 和 send()
Xmlhttp.open(“GET”,url,true);
“GET”: 选择使用GET 或者 POST方法
url : 服务器处理的路径.URL. 例如:check.action?username=”xxxx”
true: 请求发送是否要异步执行。大的请求要异步，小的请求可以不用异步,建议异步。
Send(),将request发送到服务器上。 一般实现方法 xmlhttp.send(null);
(2)Ajax的重要属性 responseText, readyState, onreadystatechange
xmlhttp.onreadystatechange=function()
{
//如果request已经处理完毕
if(xmlhttp.readyState==4)
//处理返回的数据
{document.getElementById('test').innerHTML=xmlhttp.responseText}
}
Readystate的状态描述:
0 request还没初始化 1：request已经建立 2.request已经发送 3.服务器正在处理 4.处理完毕
responseText:包含服务器返回的字符串(纯文本)
responseXML：包换XML的文件信息
相关文档：
今天早上老佟将昨天的练习进行了讲解。今天的主要内容是对AJAX的汇总练习，做了两个练习都是比较常使用的应用。
一、 下拉框的级联，比如，选择下拉框一中的内容（城市名称），在下拉框二中显示在这个城市中的部门。在下拉 ......
一般情况下，使用Ajax提交的参数多是些简单的字符串，可以直接使用GET方法将要提交的参数写到open方法的url参数中，此时send方法的参数为null。
例如 ：
var url = "login.jsp?user=XXX&pwd=XXX";
xmlHttpRequest.open("GET",url,true);
xmlHttpRequset.send(null);
此外� ......
<html>
<head>
<title>new ajax</title>
<mce:style type="text/css"><!--
body{
margin-top:50px;
}
.MyDiv{
font-size:12px;
border:1px solid #DDD;
background-color:#FFD;
margin:2px;
width:200px;
}
--></mce:style><style type="t ......
对想学Ajax的新人，强烈推荐一下文章：《掌握 Ajax 系列》 http://www.ibm.com/developerworks/cn/web/wa-ajaxintro/
该系列，不像那些头痛医头脚痛医脚的速食派，唠唠叨叨说了半天都觉得没说到点子上，该系列文章深入浅出的介绍了一些很基本的知识，道出了一些非常本质的内核，就算你是Ajax老手� ......
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<input type="button" onclick="test();" value="提交"/>
<script type="text/javascript">
function test(){
var valid = {
& ......
