jQuery Ajax 基本用法 附带Fetch API

// 使用jQuery发送Ajax请求
$.ajax({
    url: 'https://api.example.com/data', // 请求的URL
    method: 'GET', // 请求方法
    success: function(response) {
        // 请求成功时的回调函数
        console.log('Success with jQuery:', response);
    },
    error: function(xhr, status, error) {
        // 请求失败时的回调函数
        console.log('Error with jQuery:', status, error);
    }
});
 
// 使用Fetch API发送请求
fetch('https://api.example.com/data')
    .then(function(response) {
        if (response.ok) {
            return response.json(); // 假设我们想要解析为JSON
        }
        throw new Error('Network response was not ok.');
    })
    .then(function(data) {
        // 成功获取数据
        console.log('Success with Fetch API:', data);
    })
    .catch(function(error) {
        // 请求失败处理
        console.log('Error with Fetch API:', error);
    });

这个例子展示了如何使用jQuery的$.ajax方法和Fetch API来发送GET请求，并在成功或失败时处理响应。这两种方法都是现代JavaScript中常用的Ajax请求方式。