Ajax初认识

最新推荐文章于 2021-11-23 21:11:55 发布

wendZzz

最新推荐文章于 2021-11-23 21:11:55 发布

阅读量226

点赞数

分类专栏： Ajax 文章标签： Ajax 数据交互

本文链接：https://blog.csdn.net/bertZuo/article/details/82910274

版权

Ajax 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

AJAX的全称：Asynchronous JavaScript and XML（异步的JavaScript和XML）

为什么需要使用ajax

传统的网页（即不使用ajax技术的网页），想要更新内容或者提交一个表单，就要重新载入页面。
使用了ajax技术的网页，通过在后台跟服务器进行少量的数据交换，网页就可以实现异步局部更新。

ajax之前的时代就是同步

同步就是：
客户端发起请求；
服务端进行处理响应了请求，此时的客户端就在等待；
服务端处理完请求之后，客户端接收到就开始页面载入；
之后又是客户端请求，服务端处理，客户端等待这样一个往复的过程。

ajax的时代就是异步
为什么之前的时代不采用异步来实现，因为缺少了XMLHttpRequest对象。
异步就是：XMLHttpRequest对象用于后台和服务器在不重新加载整个页面的情况下交换数据，对网页进行部分的更新。

使用XMLHttpRequest对象
第一步
实例化一个XMLHttpRequest对象
var request = new XMLHttpRequest();
但是！
上述XMLHttpRequest对象的实例化方法不适用IE6以下版本，可以如下做兼容性处理，

var request;
if(window.XMLHttpRequest){
    request=new XMLHttpRequest();
}else{
    request=new ActiveXObject
("Microsoft.XMLHttp");
}

第二步
进行Http请求
但是！在此之前我们需要知道一些必备的概念。

什么是Http？
http是计算机通过网络进行通信的规则，能够使客户端（浏览器）从服务端（web服务器）请求信息和服务。
Http是一种无状态协议，就是客户端和服务端不建立持久的连接，也就是web服务器不保留连接的相关信息。

Http请求的步骤？
一个完整的Http请求过程，通常有7个步骤：

建立TCP连接
web浏览器向web服务器发送请求命令
web浏览器发送请求头信息
web服务器应答
web服务器发送应答头信息
web服务器向浏览器发送数据
web服务器关闭TCP连接

Http请求的组成？

HTTP请求的方法或动作，比如是GET还是POST请求
正在请求的URL，总得知道请求的地址是什么
请求头，包含一些客户端环境信息，身份验证信息等
请求体，也就是请求正文，请求正文中可以包含客户提交的查询字符串信息，表单信息等

请求头和请求体之间一般有空行，可区分为头和体。

Http请求实例

什么是GET请求和POST请求？
GET：

一般用于信息获取，信息查询，不会对数据有影响
使用URL传递参数，明文显示
对所发送信息的数量也有限制，一般在2000个字符

POST：

一般用于修改服务器上的资源
对所发送信息的数量无限制

HTTP响应的组成？

一个数字和文字组成的状态码，用来显示请求是成功还是失败
响应头，响应头也和请求头一样包含许多很用的信息，例如服务器类型、日期时间、内容类型和长度等。
响应体，也就是响应正文

Http响应实例

HTTP状态码？
HTTP状态码由3位数字构成，其中首位数字定义了状态码的类型：
1xx：信息类，表示收到web浏览器请求，正在进一步的处理中
2xx：成功，表示用户请求被正确接收、理解和处理，例如200 OK
3xx：重定向，表示请求没有成功，客户必须采取进一步的动作
4xx：客户端错误，表示客户端提交的请求有错误，例如404 NOT Found，意味着请求中所引用的文档不存在
5xx：服务器错误，表示服务器不能完成对请求的处理，例如500

XMLHttpRequest发送请求的两个方法：open方法和send方法
open(method,url,async)

method:发送请求方法（GET/POST不区分大小写）
url:请求地址（相对地址、绝对地址）
async：请求同步/异步，同步就是false，异步就是true

就此，调用ope方法就是调用了HTTP请求，然后就需要用send方法将请求发送到服务器

send(string)
使用GET请求方式，内容参数都包含在URL中，send发送主体就没有内容

request.open("GET","get.php",true);
request.send();

使用POST请求方法

request.open("POST","create.php",true)
request.setRequestHeader("Content-type","application/x-www-form-urlencoded");
request.send("name=Bert&sex=man");

获取服务器的响应？

将请求发送给服务端之后，服务端处理响应了请求，那客户端该如何取得响应呢？