资讯专栏INFORMATION COLUMN

实现AJAX的基本步骤

isLishude / 847人阅读

摘要:要完整实现一个异步调用和局部刷新通常需要以下几个步骤创建对象也就是创建一个异步调用对象以上创建一个新的请求并指定该请求的方法及验证信息方法是否异步设置响应请求状态变化的函数请求数据发送请求获取异步调用返回的数据使用和实现局部刷新

要完整实现一个AJAX异步调用和局部刷新,通常需要以下几个步骤:

  (1)创建XMLHttpRequest对象,也就是创建一个异步调用对象.

 //IE6以上
var xhr= new XMLHttpRequest();

//IE6
var xhr=new ActiveXObject("Microsoft.XMLHTTP")


  (2)创建一个新的HTTP请求,并指定该HTTP请求的方法、URL及验证信息.

   xhr.open(方法,url,是否异步)

  (3)设置响应HTTP请求状态变化的函数.

  
     

  (4)发送HTTP请求.
      xmlhttp.send();

  (5)获取异步调用返回的数据.

  (6)使用JavaScript和DOM实现局部刷新.

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/85352.html

相关文章

  • 20K前端大佬面试(关于如何回答ajax跨域问题)

    摘要:在接触前端开发起,跨域这个词就一直以很高的频率在我们学习工作中重复出现,最近在工作中遇到了跨域的相关问题,这里我把它总结记录一下。 在接触前端开发起,跨域这个词就一直以很高的频率在我们学习工作中重复出现,最近在工作中遇到了跨域的相关问题,这里我把它总结记录一下。关于跨域,有N种类型,现在我只专注于ajax请求跨域(ajax跨域只是属于浏览器同源策略中的一部分,其它的这里不做介绍),内容...

    Yangyang 评论0 收藏0
  • 前端面试题

    摘要:前端面试题总结,持续更新和区别浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式,可以利用等跟服务端进行数据交互。 前端面试题总结,持续更新 cookies sessionStorage和localstorage区别 浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式,可以利用cookie,session等跟服务端进行数据交互。相同点:都是存储在客户端不同点:showI...

    raledong 评论0 收藏0
  • 前端面试题

    摘要:前端面试题总结,持续更新和区别浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式,可以利用等跟服务端进行数据交互。 前端面试题总结,持续更新 cookies sessionStorage和localstorage区别 浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式,可以利用cookie,session等跟服务端进行数据交互。相同点:都是存储在客户端不同点:showI...

    seal_de 评论0 收藏0
  • 前端面试题

    摘要:前端面试题总结,持续更新和区别浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式,可以利用等跟服务端进行数据交互。 前端面试题总结,持续更新 cookies sessionStorage和localstorage区别 浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式,可以利用cookie,session等跟服务端进行数据交互。相同点:都是存储在客户端不同点:showI...

    xiaoqibTn 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<