c# - ajax调用成功函数复制返回的json

Question

在这段代码中，从 Controller 返回的 json 显示了 5 个项目，但它在 ajax 调用成功函数中是重复的。

HTML

 <select class="form-control  id="books">
 </select>

我的 Ajax 调用

  function LoadBooks(rackNo) {
    debugger;

    $.ajax({
        url: '@Url.Action("GetBookDetails", "Books")',
        type: "POST",
        async: false,
        data: JSON.stringify({ rackNo: rackNo }),
        dataType: "json",
        contentType: "application/json; charset=utf-8",

        success: function (_booklst) {
            debugger;

            console.log(_booklst);
                $('#books').empty();
                $.each(_booklst, function (index, item) {
                    $('#books').append($('<option><option/>').val(item.bookno).text(item.bookname));
                });

        }
    });

}

Answer 1

你需要改变

$.each(_booklst, function (index, item) {
    $('#books').append($('<option><option/>').val(item.bookno).text(item.bookname));
});

到

$.each(_booklst, function (index, item) {
    $('#books').append($('<option></option>').val(item.bookno).text(item.bookname));
});

(/ 在 '<option></option>' 中的位置)