使用XmlHttpRequest实现简单Ajax

======================================================
注：本文源代码点此下载
======================================================

实现简单的ajax需要三步走:

1.创建爱你xmlhttprequest

2.对指定地址进行异步请求

3.绑定回调方法,处理请求结果

定义createxmlhttprequest创建xmlhttprequest对象

var xmlhttp;//定义xmlhttprequest变量

function createxmlhttprequest() {

//ie5或者ie6老版本浏览器

if (window.activexobject) {

xmlhttp = new activexobject("microsoft.xmlhttp");

}

//新版浏览器

else if (window.xmlhttprequest) {

xmlhttp = new xmlhttprequest();

}

}

定义pointrequest方法(方法仅仅是测试),在方法中调用了创建xmlhttprequest的方法,onreadystatechange进行绑定回调函数,使用open方法进行请求url

open方法有三个参数,第一个是请求的方式(可选值为get和post),第二个参数为请求的地址,可以传递参数的,地址可以是一个页面也可以是一个webservice,

第三个参数值为bool(true或者false),当设置为true说明会在调用send方法之后继续执行代码(即为异步调用),不会等待服务器的响应,应该指定onreadystatechange事件,

设置为false时候则为同步调用,等待服务器请求

function pointrequest()//状态请求

{

//alert('看来已经执行了staterequest了');

createxmlhttprequest(); //引用xmlhttp实例

xmlhttp.onreadystatechange = handlestatechange; //在请求状态发生改变时调用此方法

xmlhttp.open("post", "ping_result.aspx?getpointdata=" + "true", true);

xmlhttp.send(null);

}

function handlestatechange() {

//状态从0变化到4,当为4表示完成

if (xmlhttp.readystate == 4) {

//当状态等于200表示成功

if (xmlhttp.status == 200) {

//成功后执行其他操作

showmappoints(xmlhttp.responsetext);

}

}

}

protected void page_load(object sender, eventargs e)

{

if (!string.isnullorempty(request.querystring["getpointdata"]))

//输出文本,用于在回调函数中使用

response.write(session["mappointdata"].tostring());

}

======================================================
在最后，我邀请大家参加新浪APP，就是新浪免费送大家的一个空间，支持PHP+MySql，免费二级域名，免费域名绑定 这个是我邀请的地址，您通过这个链接注册即为我的好友，并获赠云豆500个，价值5元哦！短网址是http://t.cn/SXOiLh我创建的小站每天访客已经达到2000+了，每天挂广告赚50+元哦，呵呵，饭钱不愁了，\(^o^)/