提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

文章目录

一.ajax是什么？
二.使用实例
三.ajax封装

前言

提示：这里可以添加本文要记录的大概内容：

例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。

一. 简介 ajax是什么

ajax 异步的js和xml，通过ajax可以向浏览器发送异步请求，无刷新获取数据

xml是什么？

xml可扩展标记语言，被设计用来传输和存储数据

xml和html类似，不同的是html中都是预定义标签，而xml中没有预定义标签，

全都是自定义标签，用来表示一些数据

<student>

<name>小飞</name>

<age>20</age>

<gender>男</gender>

</student>

现在已经被json取代了

用json表示：

{"name":"小飞"，“age”:20,"gender":"男"}

ajax的特点：

可以无需刷新页面与服务器进行通讯
允许你根据用户事件来更新部分页面内容

缺点：

没有浏览历史
存在跨域问题
seo不友好

http协议：超文本传输协议，协议详细规定了浏览器和万维网服务器之间互相通信的规则

二、ajax的五个步骤

1.创建一个异步对象

2 设置请求方式和请求地址

3 发送请求

4 监听状态变化

5 处理返回的结果

2.读入数据

代码如下（示例）：

var btn = document.querySelector("button");

btn.addEventListener("click",function(){

//1 创建一个异步对象

var xmlhttp = new XMLHttpRequest()

//2 设置请求方式和请求地址

/*method：请求的类型；GET 或 POST

url：文件在服务器上的位置

async：true（异步）或 false（同步）*/

xmlhttp.open("GET","ajax-get.php",true);

//3 发送请求 xmlhttp.send();

//4 监听状态变化

//只要异步对象发生了变化就会调用这个回调函数使用onreadystatechange xmlhttp.addEventListener("readystatechange",function (){

/*readyState 存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。

0: 请求未初始化 1: 服务器连接已建立 2: 请求已接收 3: 请求处理中 4: 请求已完成且响应已就绪*/

if(xmlhttp.readyState ===4){

//判断当http状态码在200到300之间或者当http状态码等于304时请求成功 if(xmlhttp.status>=200&&xmlhttp.status<300||xmlhttp.status===304){

//5 处理返回的结果

console.log("接受到服务器发送的数据"); }

else{ console.log("没有接受到服务器数据")

}

})

三.ajax封装

打开ajax大门的新世界（我真的很喜欢这篇内容！）相关推荐

有时候来不及去菜场，我就会给多头绒泡菌叫外卖，它真的很喜欢吃平菇 | 曳尾菌一席第719位讲者...
曳尾菌,微观菌物爱好者. 虽然它很聪明,但是我喜欢它是因为它漂亮. 微观菌物大家好,我叫周晴烽,是一名微观菌物爱好者.我以前是拍鸟的,拍了很多种鸟. 我发现鸟要拍好很难,需要很重的设备,我就换了爱好 ...
历史上康熙皇帝真的很喜欢微服私访吗？
说起康熙皇帝我们都知道他被称为千古一帝,平三藩,收台湾,统一全国功绩卓著.可是在显赫的背后康熙皇帝还一直亲民的一面,那就是喜欢微服私访.那么康熙皇帝到底是否真的喜欢微服私访呢? 前几年由张国立主演的康 ...
Kubernetes 真的很复杂吗？
作者 | jason moiron 译者 | 弯月责编 | 郭芮出品 | CSDN(ID:CSDNnews) 近日,VMware首席工程师.Kubernetes项目创始人之一Joe Beda发表了 ...
萤石网络摄像机服务器压力,萤石C3W监控摄像头真的很不堪吗,不想被骗看下这里...
弄不来发型,随便扎了下.160 106斤.s码下裙,刚开始担心我身高穿着会拖地,但其实并没有,很合适,刚好在脚踝那.不穿鞋也不会拖地,穿个高跟一点的会更好.要减肥了,为了穿美美的衣服很美就绣花没有翻 ...
智能家居DIY真的很easy的实现了
买个智能空调,手机装个APP,远程可以控制空调工作,感觉很爽.再买个智能热水器,又安装一个APP,下班前烧好热水,过瘾.再买几个智能灯泡,再安装一个APP,开关灯不用起床,觉得还方便.再买套智能报警系 ...
倒序查10条数据_王者荣耀对抗路数据公布，尖端局吕布倒第一，夏洛特真的很意外...
大家好我是指尖,大家应该都知道一件事,那就是你以为的强势英雄不一定真的强势,你认为弱的英雄不一定真的弱,数据永远不会说瞎话,尖端局能够体现英雄的上限,或者说当下英雄的强度,所以是能证明英雄强度的一个方 ...
打开新经济大门淘宝直播如何打造最有价值的直播平台？
直播购物,已经成为当前电商市场发展的主潮流.主播生动的解说,实时与消费者互动沟通,直播让网购打破了空间上的障碍,促进了线上消费的同时,也催生出诸如李佳琦等超级网红. 作为国内首批入局电商领域的公司,阿 ...
C语言真的很难吗？那是你没看这张图，化整为零轻松学习C语言。
真不难 C语言难不难?这个问题是相对的,对于找到合适方法学习C语言的同学想必是觉得很简单:但对于一部分同学来说,没有众观全局就会误以为刚入门就需要学习庞大的知识,学着学着开始看不懂,由于心理作怪,感觉 ...
转：Eric Lippert：阅读代码真的很难
转自:http://blog.jobbole.com/438/ 相关文章微软资深软件工程师:阅读代码真的很难(第2篇) 阅读优秀代码是提高开发人员修为的一种捷径学会阅读源代码如何阅读大型代码库? ...

打开ajax大门的新世界（我真的很喜欢这篇内容！）