ajax错误处理与XML格式解析

147 阅读2分钟

开启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的第18天,点击查看活动详情

ajax错误处理

1.网络通畅,服务器端能接收到数据,服务器端返回的不是预期的结果

判断服务器返回的状态码,分别处理

xhr.status获取服务端返回的状态码

2.在网络畅通的情况下,服务器端没有接收到请求,返回404状态码

应该检查请求的地址和参数是否错误

3.在网络畅通,服务器端能接受到请求,服务器端返回500的状态码

服务器端的错误,可以找后端解决

4.网络中断,请求无法发送到服务器端

此时会触发xhr对象下面的onerror事件

在onerror事件处理函数中对错误进行处理

 

ajax请求限制

ajax请求只能向自己的服务器发送请求,

a网站的html文件只能向a网站的服务器发送请求

a网站不能向b网站发送请求

 

NProgress

纳米级别的进度条,使用逼真的涓流动画来告诉前端正在发生的事情

Nprogress.start() //进度条开始运动

Nprogess.done() //进度条结束运动

 

RESTful风格的api

GET 获取用户列表数据 /users

POST 创建或添加用户的数据 /users

GET 获取用户id为1的数据 /users/1

PUT 修改用户id为1的数据 /users/1

DELETE删除用户id为1的数据 /users/1

 

142.XML

可扩展标记语言,它的作用就是传输数据

123

zs

xml格式统一,数据共享比较方便,xml规范标签,扩展性比较好

xml文件比较大,解析会占用大量的资源,不容易维护且格式比较复杂

 

143.XMLDOM

w3c组织定义的一套操作xml文档对象的api

XML文档对象模型,浏览器会将xml文档解析成文档对象模型

 

xml定义了所有xml元素的对象和属性

用户获取更改,添加和删除的xml元素的标准