AJAX开发模版

本文深入探讨了AJAX(Asynchronous JavaScript and XML)的工作原理及其在网页开发中的应用,详细解析了创建XMLHttpRequest对象、与服务器交互的方法、以及回调处理逻辑。通过实例展示了如何利用AJAX实现异步数据加载,提升用户体验。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

<script type="text/javascript">

/* 标准AJAX模板 */

//使用 false 作为判定条件,它表示还没有创建 XMLHttpRequest 对象

var http_request=false;

//创建XMLHttpRequest对象方法

function send_request(){

http_request=false;

//火狐

if(window.XMLHttpRequest){

http_request=new XMLHttpRequest();

if(http_request.overrideMimeType){

http_request.overrideMimeType('text/xml');

}

}else if(window.ActiveXObject){//IE

try{

http_request=new ActiveXObject("Msxml2.XMLHTTP");

}catch(e){

try{

http_request=new ActiveXObject("Microsoft.XMLHTTP");

}catch(e2){}

}

}

if(!http_request){//检查 request 是否仍然为 false(如果一切顺利就不会是 false)

window.alert("Err Create XMLHttpRequest!");

}

 

}

//与服务器交互的方法

function send(url) {

send_request();

//设定回调方法(与服务器交互的主要方法,告诉服务器运行完成后该怎么处理)

http_request.onreadystatechange=processRequest;

//发送请求,三个参数,请求方式,url地址,是不是异步。true为异步,false为同步,设定为false就失去了AJAX的意义了

http_request.open("get",url,true);//建立到服务器的新请求

//向服务器发送请求(因为请求中已经设置了需要发送的数据,所以

//该参数一般设置为null)

http_request.send(null);

}

//回调方法

function processRequest(){

//window.alert("请求就绪状态:" + http_request.readyState);

if(http_request.readyState==4){//提供当前 HTML 的就绪状态

//window.alert("响应状态:" + http_request.status);

if(http_request.status==200){

var result=http_request.responseText;//服务器将把响应填充到 xmlHttp.responseText 属性中

alert(result);

var disp = document.getElementById("mydisp");

disp.innerText = result;

}

}

}

  </script>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值