Ajax及JSON用法

最新推荐文章于 2023-03-09 11:37:38 发布

南沨.

最新推荐文章于 2023-03-09 11:37:38 发布

阅读量149

点赞数 1

文章标签： ajax 服务器 javascript

本文链接：https://blog.csdn.net/m0_62816172/article/details/122094299

版权

ajax简介

ajax别称叫做无刷新技术比如地图、局部加载

1.页面局部刷新。在读取数据的过程中，用户所面对的不是白屏，而是原来页面的转台，或者正在更新的信息提示状态，只有当接收到全部数据后才更新相应部分的内容，而这种更新也是瞬间的用户几乎感觉不到

2.可以充分利用客户端闲置的处理能力，减轻服务器和网路传输的负担

3.使web中界面与应用相分离也可以说是数据与呈现相分离

ajax处理网络请求

Ajax模块在处理网络请求的时候包括以下四个步骤

1.通过XMLHttpRequest类创建xhr对象

2.为xhr对象添加属性与回调方法

3.令xhr对象执行open()方法，指明请求被发往某处

4.令xhr对象执行send()方法，发出请求。

补充：Ajax可以发出同步请求，也可以发出异步请求。但大多数情况下指的是异步请求，因为同步的Ajax请求对浏览器会产生“阻塞效应”。

说明：XMLHttpRequest对象用来在【浏览器】与【服务器】之间传送数据。通俗上来说将此对象称为request请求对象、请求对象或请求。

xhr对象发送GET、POST请求

//1.创建对象
var xhr;
if (window.XMLHttpRequest){//普通浏览器    
	xhr=new XMLHttpRequest();
}else{//老版本IE
	xhr=new ActiveXObject("Microsoft.XMLHTTP");
}
//3.监听服务器响应
xhr.onreadystatechange=function(){
    if(xhr.readyState==4&&xhr.status==200){
          console.log(xhr.responseText);//将接收到的服务器数据显示到控制台中
    }
};
//2.打开链接
xhr.open("请求方式","请求地址",是否异步:默认为异步true);
//3.5 请求头（POST请求时设置）
xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
//4.发送请求
xhr.send();