AJAX原理

277 阅读2分钟

AJAX(Async Javascript And XML) 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。

AJAX的介绍

AJAX = 异步 JavaScript 和 XML, AJAX 是一种用于创建快速动态网页的技术。他的全部内容就是用JS发请求和响应。

AJAX是浏览器的功能

浏览器可以发请求和收响应

浏览器在winddow上加了一个XMLHttpRequest函数

用这个函数(类)可以构造一个对象

怎么用AJAX呢?

准备一个服务器

使用server.js作为我们的服务器

用node-dev server.js 8888(代码这里就不显示了)

添加所要加载的文件和路由

加载的步骤

先创建HttpRequest对象(全称是XMLHttpRequest)

const request =new XMLHttpRequest()

调用对象的open方法

request.open("GET","/xxx",ture)//ture代表异步,默认不用加这个

监听对象的事件

 request.onreadystatechange = () => {
    if (request.readyState === 4 && request.status === 200) {
   console.log("加载成功") 
   }
}

该XMLHttpRequest.readyState属性返回状态XMLHttpRequest的客户端是一个。XHR客户在以下状态中的一种存在:

调用对象的send()方法(发送请求)

request.send()

XML

**XML (Extensible Markup Language)**可拓展标记语言 是一种类似于 HTML 的标记语言,但是 XML 没有使用预定义的标记。

示例

<?xml version="1.0" encoding="UTF-8"?>
<message>
    <warning>
         Hello World
    </warning>
</message>

JSON

**JSON(JavaScript Object Notation)JS对象标记语言,**JSON只是一种数据格式,他不是个的对象,他容易和JS对象混淆,json很简单,可以看json中文官网,看铁轨图就会使用json格式了。

JSON支持的数据类型

string

number

bool

null

object

array

和JS不一样的是它不支持函数,不支持变量(所以也不支持引用)就这六种。

他的API:

JSON.parse:将符合JSON语法的字符串转化成JS对应类型的数据

JSON.stringify:是上面的逆运算,因为JS的数据类型比JSON多,所以不一定成功

前端小白,如有错误请浏览指正!!!