AJAX笔记（动力节点）（包含JSON）

不知-_

已于 2022-05-25 10:52:29 修改

阅读量448

点赞数

分类专栏：前端基础笔记文章标签： ajax json

于 2021-01-22 16:56:55 首次发布

本文链接：https://blog.csdn.net/http____/article/details/111465763

版权

视频地址：https://www.bilibili.com/video/BV15k4y167XM

一、ajax简介

即Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。

Asynchronous: 异步的意思
JavaScript：javascript脚本，在浏览器中执行
and : 和
xml : 是一种数据格式

ajax是一种做局部刷新的新方法（2003左右），不是一种语言。
ajax包含的技术主要有javascript、dom、css、 xml等等。核心是javascript 和 xml 。

javascript：负责创建异步对象，发送请求，更新页面的dom对象。 ajax请求需要服务器端的数据。

xml：网络中的传输的数据格式。使用json替换了xml 。

<!-- xml数据格式 -->
  <数据>
  	<数据1>宝马1</数据1>
  	<数据2>宝马2</数据2>
 	<数据3>宝马3</数据3>
 	<数据4>宝马4</数据4>
 </数据>

二、全局刷新和局部刷新

全局刷新
整个浏览器被新的数据覆盖。在网络中传输大量的数据。浏览器需要加载，渲染页面。
局部刷新
在浏览器的内部，发起请求，获取数据，改变页面中的部分内容。
其余的页面无需加载和渲染。网络中数据传输量少，给用户的感受好。

ajax通过在后台与服务器进行少量数据交换，可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页进行局部刷新。局部刷新使用的核心对象是异步对象（XMLHttpRequest）
这个异步对象是存在浏览器内存中的，使用javascript语法创建和使用XMLHttpRequest对象。
在这里插入图片描述

三、异步对象XMLHttpRequest的属性和方法

创建异步对象，使用js的语法
```
var xxx = new XMLHttpRequest();
```
XMLHttpRequest方法
- open(method, url, async)：规定请求的类型。
  method：请求的类型：GET 还是 POST
  url：服务器（文件）位置
  async：true（异步）或 false（同步）
- send()：向服务器发送请求（用于 GET）