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);
    }