AJAX

作者: 小飞侠zzr | 来源:发表于2017-11-07 19:30 被阅读0次

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);
}
});

相关文章

  • AJAX

    主要内容: ajax 是什么、原生ajax 写法和jQuery ajax写法。 AJAX 是什么 ajax,即As...

  • JavaScript进阶知识点--AJAX及JSON

    AJAX 关于 AJAX 什么是 AJAX AJAX 的全称是 Asynchronous JavaScript a...

  • HTML5权威指南 | 第五部分 高级功能

    三十二、使用AJAX(上) Ajax起步: 使用Ajax事件: Ajax请求的错误处理: 中止Ajax请求: 三十...

  • ajax学习笔记

    Ajax学习笔记 Ajax简介 1. Ajax是什么? Ajax : Asynochronous javascri...

  • AJAX

    一、简介 AJAX菜鸟教程 什么是 AJAX ? AJAX = 异步 JavaScript 和 XML。 AJAX...

  • js之AJAX复习

    异步交互和同步交互 什么是Ajax? Ajax的工作原理。 Ajax包含的技术: Ajax的缺陷: Ajax的核心...

  • 复习jQuery - ajax

    jQuery ajax - ajax() 方法 $.ajax({ url:'oo.php', ...

  • jQuery中Ajax请求的使用和四个步骤示例

    ajax() 方法用于执行 AJAX(异步 HTTP)请求,所有的 jQuery AJAX 方法都使用 ajax(...

  • ajax

    1、什么是ajax? 2、ajax的原理 3、ajax的核心对象 4、ajax的优点: ajax的缺点: 被jqu...

  • ajax

    Ajax 1 - 请求纯文本 Ajax 2 - 请求JSON数据 Ajax 3 - 请求Github接口 Ajax...

网友评论

      本文标题:AJAX

      本文链接:https://www.haomeiwen.com/subject/mjzjmxtx.html