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多,所以不一定成功
前端小白,如有错误请浏览指正!!!