Ajax介绍

最新推荐文章于 2025-05-10 13:25:59 发布

yuren_xia

最新推荐文章于 2025-05-10 13:25:59 发布

阅读量2.1k

点赞数 30

CC 4.0 BY-SA版权

分类专栏：前端技术文章标签： ajax 前端

本文链接：https://blog.csdn.net/yuren_xia/article/details/145108887

AJAX（Asynchronous JavaScript and XML）是一种用于创建快速动态网页的技术，它通过在后台与服务器进行少量数据交换，允许在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页内容。

基本概念

Ajax使用流程：
- 创建XMLHttpRequest对象（不同浏览器实现方式不同）。
- 发送Ajax请求。
- 处理服务器响应。。
数据格式：AJAX可以使用XML、JSON、HTML和文本文件等多种格式进行数据传输，但现在更常用JSON格式。

原生AJAX请求示例

以下是一个简单的原生AJAX请求示例，用于从服务器获取数据并显示在网页上：

function getData() {
   
   
    var xhr = null;
    if(window.XMLHttpRequest){
   
   
    	//IE7+,FireFox,Chrom,Opera,Safari等浏览器
    	xhr = new XMLHttpRequest();
    	}
    else{
   
   
    	//IE5,IE6浏览器
    	xhr = new ActiveXObject("Microsoft.XMLHTTP");
    }
    xhr.open('GET', 'https://jsonplaceholder.typicode.com/posts', true);
    xhr.onreadystatechange = function() {
   
   
        if (xhr.readyState === 4 && xhr.status === 200) {