一文讲解AJAX简介与实例

开课吧开课吧锤锤2021-07-01 15:30

    AJAX是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。

    什么是AJAX?

    AJAX=异步JavaScript和XML。

    Ajax是一种异步请求数据的web开发技术,对于改善用户的体验和页面性能很有帮助。简单地说,在不需要重新刷新页面的情况下,Ajax通过异步请求加载后台数据,并在网页上呈现出来。常见运用场景有表单验证是否登入成功、百度搜索下拉框提示和快递单号查询等等。Ajax的目的是提高用户体验,较少网络数据的传输量。同时,由于AJAX请求获取的是数据而不是HTML文档,因此它也节省了网络带宽,让互联网用户的网络冲浪体验变得更加顺畅。web

    AJAX实例解释

    上面的AJAX应用程序包含一个div和一个按钮。

    div部分用于显示来自服务器的信息。当按钮被点击时,它负责调用名为loadXMLDoc()的函数:

AJAX简介与实例

    接下来,在页面的head部分添加一个<script>标签。该标签中包含了这个loadXMLDoc()函数:

AJAX简介与实例

    XMLHttpRequest是AJAX的基础。

    XMLHttpRequest对象

    所有现代浏览器均支持XMLHttpRequest对象(IE5和IE6使用ActiveXObject)。

    XMLHttpRequest用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。

    创建XMLHttpRequest对象

    所有现代浏览器(IE7+、Firefox、Chrome、Safari以及Opera)均内建XMLHttpRequest对象。

    创建XMLHttpRequest对象的语法:

AJAX简介与实例

    老版本的InternetExplorer(IE5和IE6)使用ActiveX对象:

AJAX简介与实例

    为了应对所有的现代浏览器,包括IE5和IE6,请检查浏览器是否支持XMLHttpRequest对象。如果支持,则创建XMLHttpRequest对象。如果不支持,则创建ActiveXObject:

AJAX简介与实例

    以上就是开课吧广场小编整理的“一文讲解AJAX简介与实例”一文,更多Web教程相关内容尽在开课吧广场Web教程频道!

免责声明:本站所提供的内容均来源于网友提供或网络搜集,由本站编辑整理,仅供个人研究、交流学习使用。如涉及版权问题,请联系本站管理员予以更改或删除。
有用
分享
全部评论快来秀出你的观点
登录 后可发表观点…
发表
暂无评论,快来抢沙发!
云开发实战特训营