什么是Ajax？五分钟让你学会！！

最新推荐文章于 2022-01-04 15:29:51 发布

老木开源

最新推荐文章于 2022-01-04 15:29:51 发布

阅读量292

点赞数 1

分类专栏： python-web 文章标签： ajax python jquery json

本文链接：https://blog.csdn.net/weixin_44793212/article/details/109426710

版权

python-web 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

开头术语：
志同道合，希望我们旗鼓相当，
人各有志，那我们顶峰上详见。

在这里插入图片描述

大1.什么是AJAX？😦

1.全称 Asynchronous Javascript And xml

意思： 异步的 js 和 xml

一般这种请求通过js代码向服务器请求

A：代表异步
J：代表js代码
A：and：和
X:xml,一种数据传输和交换格式

异步提交优点：（快速的返回框架的一些数据，不会阻塞浏览器）😃

1.提高了用户的体验度
2.局部刷新，数据传输量比整体刷新小

使用场合：

1.搜索推荐
2.表单验证
3.前后端分离（分离后前后端的交互大部分使用Ajax的方式交互）

😐 😐 😐 😐 😐 😐 😐 😐 😐 😐 😐 😐 😐 😐 😐 😐 😐 😐 😐 😐 😐 😐 😐 😐

Ajax的核心对象-异步对象（XMLHttpRequest）

2.1什么是XMLHttpRequest[ 简称 xhr ] xhr属于javasciript编码

3.xhr 的应用

1.方法 - open（） （创建请求） !!!
作用：创建请求
语法：open(method,url,asyn)
参数： method：请求方式，取值 ‘GET’ 或 ‘POST’
url : 请求地址，字符串
asyn：是否采用异步的方式 - true 异步/ false 同步

例如：xhr.open（‘GET，’/SERVER’,true）；

2.方法 - send （body）（发送请求）
作用：通知xhr向服务器发送请求

参数：
GET请求： body的值为null ->send（null）
POST请求：body的值为请求数据->send（“请求数据”）

EX:

如果是GET请求的话：body的值为null----->send（null）为空
这种请求的传参不是通过send方法来的而是通过 url中的字符串“SERVER”传递的
反观 POST ，send里面要带参数，而参数的格式与查询字符串类似：
名称 = 值 & 名称 = 值 & 名称 = 值

*3. - readyState** ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| 😃

作用：xhr状态，通过不同的xhr状态来表示xhr与服务器的交互情况，由0-4共5个值来表示5个不同的状态

状态	说明
0	代理被创建，但尚未调用 open（）方法。
1	open（）方法已经被调用。
2	sebd（）方法已经被调用，响应头已经被接收
3	响应体下载中…responseText 属性已经包含部分数据。
4	下载操作已完成

|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
EX: