后端开发基础-Ajax学习-004——基于jQuery的Ajax使用，由浅入深

$(document).ready(function() {
    $('#fetch-btn').click(function() {
        $.ajax({
            url: 'https://api.myjson.com/bins/9inum', // 请求的URL
            method: 'GET', // 请求方法，可以是GET、POST等
            dataType: 'json', // 预期服务器返回的数据类型
            success: function(response) {
                // 请求成功后的回调函数
                $('#data-container').text(JSON.stringify(response));
            },
            error: function(xhr, status, error) {
                // 请求失败后的回调函数
                console.error("An error occurred: " + status + "\nError: " + error);
            }
        });
    });
});

这段代码使用jQuery封装了一个Ajax请求，当用户点击页面上ID为fetch-btn的元素时，会向https://api.myjson.com/bins/9inum发送一个GET请求，并预期返回JSON格式的数据。请求成功后，它会将返回的JSON数据使用JSON.stringify转换为字符串，并将其设置为ID为data-container的DOM元素的文本内容。如果请求失败，它会在控制台输出错误信息。