Ajax的概念及jQuery中的Ajax的3种方法，模仿jQuery封装自己的Ajax函数

Ajax的概念：

Ajax（Asynchronous JavaScript and XML）即异步JavaScript和XML，是一种创建交互式网页应用的技术。它允许浏览器与服务器通信而无需刷新页面。

jQuery中Ajax的3种方法：

1. $.ajax()：最灵活的方法，允许你直接访问Ajax的各种复杂特性。
2. $.get()：用于发送GET请求，专门用于简单的GET请求。
3. $.post()：用于发送POST请求，专门用于简单的POST请求。

模仿jQuery封装自己的Ajax函数：

function myAjax(options) {
    var defaults = {
        type: 'GET',
        url: '',
        data: {},
        success: function(response) {
            console.log('Success:', response);
        },
        error: function(xhr, status, error) {
            console.error('Error:', status, error);
        }
    };
 
    // 合并默认选项和传入的选项
    Object.assign(defaults, options);
 
    // 使用原生的XHR对象发送请求
    var xhr = new XMLHttpRequest();
    xhr.open(defaults.type, defaults.url, true);
 
    xhr.onreadystatechange = function() {
        if (xhr.readyState === 4) {
            if (xhr.status >= 200 && xhr.status < 300) {
                defaults.success(xhr.responseText);
            } else {
                defaults.error(xhr, xhr.statusText, xhr.responseText);
            }
        }
    };
 
    // 发送数据
    xhr.send(defaults.data);
}
 
// 使用自定义的Ajax函数
myAjax({
    url: 'https://api.example.com/data',
    success: function(response) {
        console.log('Response:', response);
    },
    error: function(xhr, status, error) {
        console.error('Error:', status, error);
    }
});

这个简易的myAjax函数模拟了jQuery的Ajax API，允许你指定请求类型、URL、数据以及成功和错误回调函数。这个函数只是一个基本的示例，实际应用中可能需要更多的错误处理和高级功能。