AJAX(1) 初识今天开始进行AJAX的学习。 AJAX全称是Asynchronous JavaScript and

今天开始进行AJAX的学习。

什么是AJAX

AJAX全称是Asynchronous JavaScript and XML,异步的JavaScript和XML技术。相比较传统的html发送请求
AJAX有两个优点：1.无需刷新页面2.允许根据事件来更新页面
但是他也有以下缺点：1.没有浏览历史2.跨域会出现问题3.SEO不友好（就是搜索词条的时候有些ajax弄上去的内容不会出现，不利于爬虫去爬）

AJAX的原理

AJAX是浏览器上的内容，他利用在window上加了一个XMLHttpRequest函数，然后通过一个构造函数构造出一个对象，JS通过他实现发请求和收响应

AJAX的步骤

记住是四步走：

const request = new XMLHttpRequest
request.open("get","./xxxx") //xxxx就是你要填写的路径，路径的值由服务器指定
request.onreadystatechange = ()=>{
	if(request.readyState === 4){
    	if(request.status === 200)
    }
}
request.send() //如果是post就可以通过这玩意发送东西

总结来说，就建一个对象，然后在这对象上先后调用open,send,onreadystatechange这几个函数，然后就能使得页面不刷新进行网页的排布了。

JSON

接着介绍一个JSON,这是一门独立的语言，但是它很简单，很多人都会误以为他是js的一个对象。这是他的常用的两个方法

JSON.prase() //用来解析一个符合JSON规范的对象
JSON.stringfy() //用来将一个对象变成JSON对象

JSON支持的数据类型：

string:只支持双引号，不支持单引号和无引号
number:支持科学记数法
bool:true和false
null:只有这个，没有undefined
object
array:想不到吧，这在JSON中，是一个单独的量

JSON的语法也很简单，可以去它的中文网一看就知道了

接下去用AJAX加载一个JSON文件

const request = new XMLHttpRequest()
request.open("get","/5.json")
request.onreadystatechange = ()=>{
    if (request.readyState === 4){
        if (request.status === 200){
            console.log(JSON.parse(request.response));
        }
    }
}
request.send();

今天的总结就到这里了，明天进行分页的练习！