AJAX使用方法

使用AJAX分为4步:

1.创建一个能够发起HTTP请求的对象;

例如let xhr = new XMLHttpRequest();

2.xhr对象打开到服务器的连接。

即:xhr.open(method,url,async)

method是要使用的HTTP方法,一般为GET/POST/PUT/DELETE等,

url是处理请求消息的接口地址

async表示是否执行异步的操作,默认为true

如果要使用的HTTP方法为POST我们要设置一个请求头:

格式为:xhr.setRequestHeader(name,value);

其中name是被修改的请求头名称,value是修改后的值

一般为:xhr.setRequestHeader('Content-type','application/x-www-form-urlencoded;charset=utf-8')

3.提前声明好,如果得到了服务器端的响应消息的处理方法

xhr.onload = function (){

  let result = xhr.responseText    // 获取响应消息的主体内容,把响应信息存在变量 result 中

}

4.向服务器端发送请求消息

xhr.send()   此方法为发送一个没有请求主体的请求消息 ,比如GET请求没有请求主体

xhr.send( ‘ uname = tom & age = 18 ’ ) ;   此方法为发送一个有请求主体的请求消息 。

 

AJAX执行的顺序为:1 2 4 3

 

我已经将我自己写的简单的AJAX接口上传到gitee仓库:

https://gitee.com/xp888888/ajax-interface.git

 

posted @ 2022-07-10 20:12  小鑫学前端  阅读(1157)  评论(0)    收藏  举报