jquery中的自动完成搜索

我有输入类型的绑定数据列表，用于自动完成。 当数据量很小时，它工作得很好，但网页对大量数据没有响应。 如果有其他方法可以绑定，请建议我

<input type="text" class="form-control" id="drp" list="datalst"/>
<datalist id="datalst"></datalist>

$.ajax({
    type: "POST",
    url: Urldata,
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    data: JSON.stringify(obj),
    success: function (response) {
        $("#datalst").html('');
        if (response != null) {
            if (response.length > 0) {
                Resultdata = "";
                var lst= $.parseJSON(response);
                $.each(lst, function () {
                    Resultdata += "<option data-id='" + this.ID + "' value='" + this.value + "'>";
                });
                $("#datalst").append(Resultdata);  // **taking time to appned**
            }
        }
    }, error: function (jqXHR, textStatus, errorThrown) {
        if (jqXHR.status == 500) {
            console.log(jqXHR.responseText);
        } else {
            alert('Unexpected error.');
        }
    }
});

---

你好。您附加了多少项？我认为你应该在APIN响应中限制它们，我们在ParseJsonResponse之后只得到341行。这个ajax调用仅在输入类型的3个字符之后触发。为什么在自动完成中需要341行？我认为10-25个项目是用户所需的最大值。您会显示341个项目供用户选择吗？将结果限制为10-20项，分页或要求更多字符以进一步筛选。

$.each(lst, function () {
     $("#datalst").append($('<option></option>').val(this.value).data('id',this.ID));
});