如何将返回的JavaScript数组项添加到特定的文本框中

Question

我使用下面的代码使用AJAX调用了一个URL，它以这种格式返回了一个数组中的2个项目[“item1”，“item2”]

function getbook()
{        
    $.ajax({
        type: "POST",
        url: "/Home/getBooked",
        data: { "bookNumber": mobile },
        success: function(succ) { // I need to add the items in succ to some text boxes as shown below
            $.each(succ, function (index, element) {
                    $('#tb1').val(element);
                    $('#tb2').val(element);
            });                           
        },
        error: function(err) { 
            alert("An error is thrown"); 
        }
    });
}

但问题是只有succ数组中的最后一项显示在两个文本框中。当我使用警报功能显示succ的内容时，它显示了两个项目。显然我错过了一些东西。如果有人能提供帮助，我会很高兴的。

Answer 1

问题是您在每次迭代中设置值。尝试以下。

success: function (succ) { 
    $('#tb1').val(succ[0]);
    $('#tb2').val(succ[1]);
}

Answer 2

if the IDs of textbox is kind of sequence then we can resolve like bellow:

        $.each(succ, function (index, element) {
            $('#tb'+ (index + 1)).val(element);
        });