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

编程汇总 • 2025-04-21 09:33 • 阅读 67

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);

}