原生js封装ajax

  • Post author:
  • Post category:其他


最近着手巩固,全面复习js的基础知识。通过浏览大神的博客和自己的理解,自己尝试着封装了一下ajax请求。

1.Ajax是什么?

Ajax是一种无需重现加载,就可以实现网页部分更新的技术。全称

全称是Asynchronous JavaScript and XML,即异步JavaScript+XML。



2.创建一个Ajax的基本步骤:

  • 创建一个XMLHttprequest对象。
  • 填写请求方法,url,时候异步请求。即xhr.open(method, url, async).
  • 发送请求xhr.send()。//如果是post请求,则将data填入到send中。否则将data以编码的形式写入到url中。

3.先大致了解一些XMLHTTPREQUEST。在XHLHTTPREQUEST1的版本中,返回响应的属性:

  • responseText:响应文本。
  • status:响应状态。根据响应状态可以判断请求是否成功。
  • reponseXML:如果响应的内容类型是“text/xml”或者“application\xml”,这个属性将保存着相应数据的xml dom文档。
  • statusText:HTTP状态说明。

4.xhr存在readyState属性,通过这个属性的不同状态,可以监听请求的不同响应操作:

  • 0:未初始化。未调用open()方法。
  • 1:启动。以调用open()方法,

5.在XMLHTTPREQUEST2.0版本中:

新增了表单序列化函数:new FormData();

可以给函数直接传form表单的信息到,或者获取后以append(“键”, “值”)的方式去添加。同时,也增加了超时连接设置xhr.time,还提供了xhr.timeout =function(){}响应事件。

基本知识了解完了,再附上我自己参考别人和自己稍微修改的ajax请求:





版权声明:本文为qq_33183637原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。