Ajax面试前梳理知识

AJAX知识准备

AJAX作用

ajax是一种无需更新整个页面,就能够更新部分网页的技术。或者说他是用来与后台服务器进行 异步 的数据交换。(JavaScript实现异步操作是通过操作DOM实现的)

首先要了解xmlHttpRequest

xmlHttpRequest是一个对象。是用来异步的进行后台与服务器交换数据的。
使用xmlHttpRequest
使用xmlHttpRequest,首先要new一个xmlHttpRequest对象:

Var request = new xmlHttpRequest();

既然是用来进行与服务器进行数据交换的,首先要发送http请求:
发送http请求

那么 在这里的一个http请求都包括什么呢?
包括4部分:
1.请求方法;比如getpost
2.请求地址; 即url。
3.请求头; 包括 身份验证信息tooken、客户端环境等。
4.请求体;请求的参数、正文。
get请求:
一般用于获取信息,利用url传参数,内容对任何人可见(明文的),内容<2000字符。
post请求:
一般用于修改信息;内容大小无限制。
http响应
一个http响应应该包括什么呢?

包括3部分:
1.==状态码==。一般是数字和状态信息。
2.响应头。服务器类型、数据类型、内容长度等信息。
3.请求体。参数、正文等。

状态码有很多,一般分为:

1xx ,信息类,表示收到信息了,等待进一步处理。
2xx,成功,表示正确接收。如200。
3xx,重定向,表示请求未成功,要采取下一步动作。
4xx,客户端错误,表示提交的请求信息有误。如404.
5xx,服务器错误,服务器不能完成对请求的处理。

xmlHttpRequest发送请求的方法

open(method,url,async),其中

method表示请求方法
url表示请求地址
async有两个值 true 或 false,默认为true(这里true表示同步,false表示异步)

send(string),string可以不填写。

xmlHttpRequest取得请求的方法

responseText: 获取字符串类型的响应数据。
responseXML:获取XML类型的响应数据。
status和statusText:以数字/文本的形式来返回状态码。
getAllresponseHeader:获取所有响应数据的响应报头。
getresponseHeader:查询响应中某字段的值。

属性
readyState  一般都要监听xmlHttpRequest对象的这个属性的变化。
5种变化:
0:请求未初始化,open还未调用。
1:服务器连接已建立,open已调用。
2:请求已接收。
3:请求处理中。
4:请求已完成。 此时响应已经完成了。

一般是子么监听的呢?如下:

request.onreadyStateChange = function(){
    
    
	if(request.readyState === 4 && request.status===200){
    
    
	request.requestText;
	}
}
//代码纯手写 可能有错误 谨慎复制

先写到这里,现在是00:35 睡觉!!!!!

猜你喜欢

转载自blog.csdn.net/m0_50093785/article/details/109063552