AJAX知识点（详解）

AJAX（Asynchronous JavaScript and XML）是一种创建交互式网页的技术，可以使网页的更新不需要重新加载整个页面。以下是AJAX的一些关键知识点和示例代码：

1. 创建XMLHttpRequest对象：

var xhr = new XMLHttpRequest();

2. 配置请求：

xhr.open('GET', 'your-api-endpoint', true);

3. 发送请求：

xhr.send();

4. 处理服务器响应：

xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
        // 请求成功，处理响应
        var response = xhr.responseText;
        console.log(response);
    }
};

5. 处理POST请求和数据：

xhr.open('POST', 'your-api-endpoint', true);
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xhr.send('param1=value1&param2=value2');

6. 使用JSON：

xhr.open('GET', 'your-api-endpoint', true);
xhr.responseType = 'json'; // 设置响应类型为JSON
xhr.send();
 
xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
        var response = xhr.response; // 直接获取JSON对象
        console.log(response);
    }
};

7. 跨域请求（CORS）：

   如果需要从不同的域进行请求，服务器需要在响应头中设置Access-Control-Allow-Origin。

8. jQuery中的AJAX：

$.ajax({
    url: 'your-api-endpoint',
    type: 'GET',
    dataType: 'json',
    success: function(response) {
        // 请求成功，处理响应
        console.log(response);
    },
    error: function(xhr, status, error) {
        // 请求失败
        console.error(error);
    }
});

这些是AJAX的基本概念和使用方法，实际应用中可能还需要考虑错误处理、请求超时、跨域请求等问题。