一个简单的ajax请求。在封装ajax函数之前，我们需要知道如何实现一个简单的Ajax请求。 我在这里建立了两个文件，ajax01.html和ajax01.phpajax01.html代码: 尚未调用open()方法。 1:开始 已调用open()方法，但尚未调用send()方法。 2:发送 已调用send()方法，但未收到任何响应。 3:接收 已收到部分响应数据。 4:完成 统一响应数据已经收到，可以在用户端使用。 Xhr。onreadyStatechange-readystate属性状态变化事件，只要ready state属性的值从一个值变为另一个值，readyStatechange事件就会被触发一次。 您可以使用此事件在每次状态更改后检测readyState的值。 Xhr。ResponseText - ResponseText:作为响应体返回的文本。 Xhr。ResponseXML - ResponseXML:如果响应的内容类型为“text/xml”或“application/xml”，则包含响应数据的XML DOM文档将保存在该属性中。注意这里。使用ajax发送post请求时，首先要将Content-Type头信息设置为application/x-www-form-urlencoded如下:xhr . setrequestheader(" Content-Type "，" application/x-www-form-urlencoded ")；必须在open()方法之后和send方法之前设置标头信息设置。代码如下://初始化请求xhr.open ('post '，' ajax01.php '，true)；//如果是post请求，需要设置请求头xhr . setrequestheader(" content-type "，" application/x-www-form-urlencoded ")；//发送请求。如果要发送数据，将数据传入xhr.send('&=张三& age = 16 ')；如果要发送数据，在send()中将数据发送到ajax01.php的代码如下: 包括字符串从开始(包括开始)到结束(不包括结束)的所有字符。 param = param.slice(0，param . length-1)；}//判断方法是否可以get if(method == "get"){ //可以，拼接url url = url+param后的数据；}//初始化请求xhr.open(方法，url，true)；//if method = = post if(method = = " post "){ xhr . setrequestheader(" content-type "，" application/x-www-form-urlencoded ")；//发送请求xhr . Send(param)；}else{ //发送请求xhr . Send(null)；}}封装好我们自己的ajax函数之后，让我们用这个函数发起一个请求<！doctype html & gt& lthtml & gt& lthead & gt& ltmeta charset="UTF-8 " >& lttitle & gtAjax & lt/title & gt；& lt/head & gt；& ltbody & gt& lttype = " button " id = " get content " value = "单击我获取内容"/& gt；& ltdiv id = " container " & gt点击上面的按钮，我会改变