javascript中的AJAX

兼容地获得XMLHttpRequest对象:

var xhr = null;
if(window.XMLHttpRequest){  //非IE浏览器
      xhr = window.XMLHttpRequest;
}else if(window.ActiveXObject){  //IE浏览器
      try{           //高版本,受msxml3.dll+支持
             xhr = new ActiveXObject("Msxml2.XMLHTTP");
      }catch(e){
             try{       // 低版本,msxml2.6以下版本使用
                    xhr = new ActiveXObject("Microsoft.XMLHTTP");
             }catch(e){ 
                    alert("IE浏览器无法创建ActiveXObject对象!");
             }
      }
}


AJAX处理函数:
xhr.open("POST",url,true);
xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
xhr.onreadystatechange=stateChangeHandler;
xhr.send();  //var name="clf";   xhr.send(name);
function stateChangeHandler(){
      if(xhr.readystate==4&&xhr.status==200){
            var obj = document.getElementById("targetDiv");
	    obj.innerHTML = xhr.responseText;
      }
}


转载于:https://www.cnblogs.com/duadu/p/6335901.html

AJAX(Asynchronous JavaScript and XML)是一种在无需重新加载整个页面的情况下,能够更新部分网页的技术。AJAX 请求允许网页和服务器进行异步通信,这意味着可以在不打断用户操作的情况下,向服务器发送请求并获取数据。在JavaScript,实现AJAX请求通常有几种方式,最常用的是使用`XMLHttpRequest`对象,以及现代浏览器广泛支持的`fetch` API。 使用`XMLHttpRequest`对象的AJAX请求的基本步骤如下: 1. 创建`XMLHttpRequest`对象。 2. 设置请求的类型(GET、POST等)、URL以及同步或异步标志。 3. 发送请求。 4. 设置响应处理函数,处理服务器响应数据。 一个简单的GET请求示例代码如下: ```javascript var xhr = new XMLHttpRequest(); xhr.open('GET', 'yoururl', true); // true 表示异步请求 xhr.onreadystatechange = function() { if (xhr.readyState == 4 && xhr.status == 200) { // 请求成功,处理响应内容 console.log(xhr.responseText); } }; xhr.send(); ``` 而使用`fetch` API的示例代码如下: ```javascript fetch('yoururl') .then(response => response.json()) // 解析响应内容 .then(data => console.log(data)) // 处理数据 .catch(error => console.error('Error:', error)); ``` `fetch` API 提供了更简洁的代码和更好的 Promise 支持,但在一些旧版浏览器可能不被支持。 AJAX请求在Web开发非常实用,能够提高用户体验,使得Web应用能够更像桌面应用一样响应用户操作。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值