AJAX

作者: 初入前端的小菜鸟 | 来源:发表于2018-07-14 16:35 被阅读0次

    浏览器与服务器之间,采用HTTP协议通信。用户在浏览器地址栏键入一个网址,或者通过网页表单向服务器提交内容,这时浏览器就会向服务器发出HTTP请求。

    1999年,微软公司发布IE浏览器5.0版,第一次引入新功能:允许JavaScript脚本向服务器发起HTTP请求。这个功能当时并没有引起注意,直到2004年Gmail发布和2005年Google Map发布,才引起广泛重视。2005年2月,AJAX这个词第一次正式提出,指围绕这个功能进行开发的一整套做法。从此,AJAX成为脚本发起HTTP通信的代名词,W3C也在2006年发布了它的国际标准。

    具体来说,AJAX包括以下几个步骤。

    1. 创建AJAX对象
    2. 发出HTTP请求
    3. 接收服务器传回的数据
    4. 更新网页数据

    概括起来,就是一句话,AJAX通过原生的XMLHttpRequest对象发出HTTP请求,得到服务器返回的数据后,再进行处理。
    AJAX可以是同步请求,也可以是异步请求。但是,大多数情况下,特指异步请求。因为同步的Ajax请求,对浏览器有“堵塞效应”。
    注意,AJAX只能向同源网址(协议、域名、端口都相同)发出HTTP请求,如果发出跨源请求,就会报错。

    AJAX 是什么?

    AJAX:是对Asynchronous JavaScript and XML的简写,是一组的Web开发使用的许多Web技术技术的客户端创建异步 的Web应用程序。使用Ajax,Web应用程序可以从服务器发送和检索数据异步(在后台),不会干扰现有页面的显示和行为。通过将数据交换层与表示层分离,Ajax允许Web页面和扩展Web应用程序动态更改内容,而无需重新加载整个页面。在实践中,现代实现通常使用JSON而不是XML,因为JSON的优点是JavaScript原生的.

    Ajax不是单一技术,而是一组技术。HTML和CSS可以组合使用来标记和样式信息。然后,可以通过JavaScript修改网页,以动态显示 - 并允许用户与新信息进行交互。JavaScript中的内置XMLHttpRequest对象通常用于在网页上执行Ajax,允许网站在不刷新页面的情况下将内容加载到屏幕上。Ajax不是一种新技术,也不是不同的语言,只是以新方式使用的现有技术。

    技术

    Ajax这个术语代表了一大类Web技术,可用于实现在后台与服务器通信的Web应用程序,而不会干扰页面的当前状态。在创造了Ajax这一术语的文章中,[1] [3] Jesse James Garrett解释说,以下技术已被纳入:

    • 用于演示的HTML(或XHTML)和CSS的文档对象模型用于动态显示,并与数据的交互(DOM)
    • 用于交换数据的JSON或XML,以及用于操纵的XSLT
    • 用于异步通信的XMLHttpRequest对象
    • JavaScript将这些技术结合在一起
      然而,从那时起,Ajax应用程序中使用的技术以及Ajax本身的定义已经有了许多发展。数据交换不再需要XML,因此,不再需要XSLT来处理数据。JavaScript Object Notation(JSON)通常用作数据交换的替代格式,虽然也可以使用其他格式,如预格式化的HTML或纯文本。各种流行的JavaScript库,包括JQuery,都包含协助执行Ajax请求的抽象。
      异步HTML和HTTP(AHAH)涉及使用XMLHTTPRequest检索(X)HTML片段,然后将其直接插入到Web页面中。

    有什么作用?

    作用:传统的网页(不使用 AJAX)如果需要更新内容,必需重载整个网页面。而通过使用ajax可以在后台与服务器进行少量数据交换, 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。

    相关文章

      网友评论

          本文标题:AJAX

          本文链接:https://www.haomeiwen.com/subject/elyypftx.html