ajax
[TOC]

introduction

Asynchronous JavaScript and XML.
Ajax 是一套技术,可以实现不用刷新页面就可以更新网页数据的功能,XMLHttpRequest(XHR)是 Ajax 的核心。
ajax 诞生于 2005 年,标志着 web2.0 时代的到来。AJAX 不是指一种单一的技术,而是有机地利用了一系列相关的技术。虽然其名称包含XML,但实际上数据格式可以由JSON代替以进一步减少数据量。而客户端与服务器也并不需要异步。
使用结合了这些技术的 AJAX 模型以后, 网页应用能够快速地将增量更新呈现在用户界面上,而不需要重载(刷新)整个页面。这使得程序能够更快地回应用户的操作。

ajax and jquery

jquery 是一个 JavaScript 工具包,集成了 ajax 功能。

ajax implements

  • jQuery 很重,而且主要功能不是发送 Ajax 请求,是操作 DOM
  • axios 轻量级,建议使用
    • 封装 XmlHttpRequest 对象的 ajax
    • promise 风格
    • 可以用在浏览器端和 node 服务器端

ajax 详解

XMLHttpRequest

XMLHttpRequest (XHR) is an API in the form of an object whose methods transfer data between a web browser and a web server. The object is provided by the browser's JavaScript environment.
XHR 是一个对象,其中封装了浏览器和服务器进行数据交互的 api,由浏览器的 JavaScript 运行环境提供。

跨域问题

同源政策的目的,是为了保证用户信息的安全,防止恶意的网站窃取数据。
同源政策规定,AJAX请求只能发给同源的网址,否则就报错。可以通过架设服务器代理来避免这个问题。

axios 教程

installation

1
yarn add axios
Copied!
Last modified 12d ago