jQuery入门Ajax和json

$(document).ready(function() {
    // 当点击按钮时，发起Ajax请求获取JSON数据
    $('#fetch-json').click(function() {
        $.ajax({
            url: 'https://api.myjson.com/bins/9inum', // 示例JSON数据的URL
            method: 'GET',
            dataType: 'json',
            success: function(data) {
                // 请求成功后的回调函数
                // 这里我们将获取到的数据显示在页面上
                $('#json-content').text(JSON.stringify(data, null, 2));
            },
            error: function(error) {
                // 请求失败后的回调函数
                console.log('Error: ' + error);
            }
        });
    });
});

这段代码使用jQuery的$.ajax()函数来发起GET请求，请求的数据类型是JSON，成功获取数据后将其格式化并显示在页面上的一个<pre>元素中。如果请求失败，它会在控制台中记录错误信息。这是一个简单的Ajax和JSON处理的例子，适合作为入门级教程。