AJAX

AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。
通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。

使用AJAX之前我们需要创建一个 AJAX对象
var ajaxDate = =new XMLHttpRequest();

这里我们需要注意 老版本的IE不支持这种创建的方法
所以又到了兼容的环节

var ajaxDate;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
ajaxDate=new XMLHttpRequest();
}
else
{// code for IE6, IE5
ajaxDate=new ActiveXObject("Microsoft.XMLHTTP");
}

第二步就是发送请求了
用到了 .open(‘GET’,URL , true)
三个参数、第一个 发送请求的方式 分为 GET POST 两种
URL 数据的链接 (服务器)
第三个,是否是异步加载 一般都是异步加载

.send()将请求发送到服务器。

三 等待服务器响应
如需获得来自服务器的响应,请使用 XMLHttpRequest 对象的 responseText 或 responseXML 属性。

利用 onreadystatechange 事件监听服务器响应的进度
每当 readyState 改变时,就会触发 onreadystatechange 事件。
.readyState 有以下的值
0: 请求未初始化
1: 服务器连接已建立
2: 请求已接收
3: 请求处理中
4: 请求已完成,且响应已就绪

status
200 OK 404 未找到

if(request.readyState == 4 && request.status == 200){
获取成功了
}

成功之后就可以用 JSON.parse()把其转化成对象格式的数据

JQ 的AJAX 获取数据

$.ajax({
type: "POST", 发送请求的类型
url: "test.json", 地址
data: "name=John&location=Boston",
success: function(msg){
var obj = JSON.parse(msg);
}
});

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • AJAX 原生js操作ajax 1.创建XMLHttpRequest对象 var xhr = new XMLHtt...
    碧玉含香阅读 8,675评论 0 7
  • AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 X...
    鹿守心畔光阅读 11,852评论 7 135
  • AJAX 简介 AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。 什么是 AJAX ? A...
    孤佣阅读 3,928评论 0 6
  • 1、ajax技术的背景 不可否认,ajax技术的流行得益于google的大力推广,正是由于google earth...
    raincoco阅读 3,089评论 0 4
  • 前言 总括: 本文讲解了ajax的历史,工作原理以及优缺点,对XMLHttpRequest对象进行了详细的讲解,并...
    秦至阅读 4,451评论 0 19

友情链接更多精彩内容