jquery - 如何使用 AJAX 从 JQuery 中的对象附加值

Question

我正在使用 AJAX 返回我的对象​​。我做了一个console.log(obj)，我的对象看起来很完美。这是我的控制台日志中的样子:

[{"first_name":"jeremiah", "last_name":"test"}, {"first_name":"jay", "last_name":"grens"}]

但是，当我将每个 first_name 和每个 last_name 附加到特定的 div 时，我无法使其工作。这就是我的 Ajax 的样子:

$('#search_contact').keyup(function() {
var keys = $(this).val();
$.ajax({
    type: 'post',
    url: 'contacts/search',
    data: {'keys':keys},
    success: function(res) {
        console.log(res);
        $('#contacts tbody').html('');
        $.each(res, function(i, val) {
            $('#contacts tbody').append('<tr><td>'+first_name+'</td><td>'+last_name+'</td></tr>');
        });
    }
});
});

当我这样做时，我的 #contacts tbody 为空，并且我在控制台日志中收到此错误:

Uncaught TypeError: Cannot use 'in' operator to search for '926' in (my full obj...)

Answer 1

$.ajax({
    type: 'post',
    url: 'contacts/search',
    data: {'keys':keys},
    dataType: 'json',
    success: function(res) {
        console.log(res);
        $('#contacts tbody').html('');
        $.each(res, function(i, val) {
            $('#contacts tbody').append('<tr><td>'+val.first_name+'</td><td>'+val.last_name+'</td></tr>');
        });
    }
});