javascript - Ajax查询json源和输出结果

Question

我是 javascript 新手，但我正在尝试构建一个脚本，该脚本可以通过 JSON 和 AJAX 查询 API 并显示结果。

这是我到目前为止的代码：http: //jsfiddle.net/spadez/62Ler/4/

$('a').click(function (event) {
    event.preventDefault();
    $.ajax({
        url: "/ajax_json_echo/",
        type: "GET",
        dataType: "json",
        timeout: 5000,
        context: this,
        beforeSend: function () {
            $('#content').fadeTo(500, 0.5);
        },
        success: function (data, textStatus) {
            $('html, body').animate({
                scrollTop: '0px'
            }, 300);
        },
        error: function (x, t, m) {
            if (t === "timeout") {
                alert("Request timeout");
            } else {
                alert('Request error');
            }
        },
        complete: function () {
            $('#content').fadeTo(500, 1);
        }
    });
});

假设 API 具有以下 URL 格式：

• 基本网址：http ://api.test.com/v1/search?q=test
• 测试查询：http ://api.test.com/v1/search?q=test

问题

如何用对象 json 响应中的一些详细信息替换 div id 内容。例如：

Engineering 
Enterprise Recruitment Limited

Answer 1

您可以在成功返回函数中执行此操作。

    success: function (data, textStatus) {
        $('html, body').animate({
            scrollTop: '0px'
        }, 300);
        $('#content').html(data.objects[0].category+'<br>'+data.objects[0].company);
    }