AJAX

发布时间 2023-10-07 00:04:32作者: 3DG

AJAX

什么是AJAX

  • AJAX(Asynchronous JavaScript and XML)(一部JavaScript和XML)

  • 一种Web交互的新方式

  • 是几项已有技术按一定的方式组合在一起共同的写作中发挥各自的作用包含

    • 使用XHTML和CSS标准化呈现

    • 使用DOM实现动态显示和交互

    • 使用XML和XSLT进行数据交换与处理

    • 使用XMLHttpRequest进行异步数据读取

    • 使用JavaScripte绑定和处理所有数据

  • AJAX技术包含了JavaScript,XML,CSS,XSTL,DOM,HTML/XHTML和XMLHttpRequest七种技术,所以AJAX将七种技术整合在一起,发挥各个技术的优势

AJAX的特点

  • 最大特点:无需刷新页面就可以改变页面内容

  • 改善表单验证方式,不需打开新页面,也不需将整个页面数据提交

  • 按需获取数据,每次只从服务器端获取需要的数据

  • 读取外部数据,进行数据处理整合

  • 异步与服务器进行交互,交互工程用户无需等待,仍可继续操作

 

AJAX四大技术优势

  • 按需获取数据:降低数据的实际读取量,传统Web中,服务器的每次响应都是一个完整页面;AJAX技术的Web中,服务器的响应只是必须更新的数据

  • 无需刷新页面:通过异步发送请求,避免了频繁刷新页面,从而减少用户等待时间

  • 节省网络流量:可以将传统的服务器的工作转嫁到客户端,减轻服务器和贷款的负担

  • 基于标准化技术:几乎所有浏览器都支持

AJAX开发的五个步骤

  • 建立XMLHttpRequest对象(XHR对象)

  • 设置获取Web服务器数据的回调函数

  • 使用open()方法与Web服务器建立网络连接

  • 使用send()方法向Web服务器发送XHR请求

  • 在回调函数中接受Web服务器返回的数据

jQuery AJAX

什么是jQuery

提供了对AJAX的良好封装,简化了直接使用JavaScript开发AJAX的困难,不用考虑开发AJAX的浏览器的兼容性问题

jQuery AJAX封装6个方法简化AJAX开发

  • ajax方法

  • get方法

  • post方法

  • load方法

  • getScript方法

  • getJSON方法( getJSON(URL,[data],[callback]) )

    • 使用getJSON方法从服务器段获取JSON格式数据

    • 参数说明

      • url:要在如的远程url地址(必选参数)

      • data:发送至服务器的key/value数据(可选参数)

      • callback:载入成功的回调函数(可选参数)