ajax发送异步请求四个步骤,AJAX的异步请求的四个步骤[通俗易懂]

2022-08-29 15:29:07 浏览数 (1)

大家好,又见面了,我是你们的朋友全栈君。

ajax异步请求详解ajax

ajax定义:异步的JavaScript和xml浏览器

一、建立对象,XMLHttpRrquest的出现才有了异步处理。服务器

XMLHttpRrquest是AJAX的基础异步

全部的现代浏览器均支持XMLHttpRrquest对象(IE5和IE6使用ActiveObject)async

XMLHttpRrquest用于在后台与服务器交换数据。这意味着能够在不从新加载整个网页的状况下,对网页的某部分进行更新。post

2.XMLHttpRrquest对象向服务器发出请求url

如需将请求发送到服务器,咱们使用XMLHttpRequest对象的open()和send()方法。spa

XMLhttp.open(‘get’,’test1.txt’,true);orm

XMLhttp.send();xml

方法

open(method,url,async) 规定请求的类型,url以及是否异步处理请求

Method:请求的类型:get或post

URL :文件在服务器上的位置:

Async :true(异步 )或false(同步)

Send(string) 将请求发送到服务器

3.浏览器与服务器创建链接

4.服务器响应

readyState 属性表示Ajax请求的当前状态。它的值用数字表明。

0 表明未初始化。 尚未调用 open 方法

1 表明正在加载。 open 方法已被调用,但 send 方法尚未被调用

2 表明已加载完毕。send 已被调用。请求已经开始

3 表明交互中。服务器正在发送响应

4 表明完成。响应发送完毕

经常使用状态码及其含义:

404 没找到页面(not found)

403 禁止访问(forbidden)

500 内部服务器出错(internal service error)

200 一切正常(ok)

304 没有被修改(not modified)(服务器返回304状态,表示源文件没有被修改 )*/xhr.onreadystatechange=function(){

alert(xhr.readyState);//alert(xhr.status);

if(xhr.readyState==4){if(xhr.status==200||xhr.status==304){

var data=xhr.responseText;

alert(data);

}

}

}

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/145512.html原文链接:https://javaforall.cn

0 人点赞