javascript - jquery ui autocomplete with ajax with custom search not working

Question

我的 json 响应是:

[{"value":"admin@admin.com"},{"value":"customer@customer.com"},{"value":"customer1@customer.com"},{"value":"provider@provider.com"}]

我的 jQuery:

$( "#email1" ).autocomplete({
        source: function (request, response) {
                 $.ajax({
                      url: "/useremail",
                      dataType: "json",
                      data: {
                           term: request.term
                      },
                      success: function (data) {
                          //response(data);
                          console.log(data);
                          var matcher = new RegExp( "^" + $.ui.autocomplete.escapeRegex( request.term ), "i" );
                          response( $.grep( data, function( item ){
                               return matcher.test( item );
                          }));
                      }
                 });
        },
        minLength: 3
});

我无法从我的 json 数据执行自定义搜索这里是执行自定义搜索的文档示例 jQuery-ui autocomplete

基本上我的搜索只会显示那些与我的输入字段匹配的电子邮件。如果我只使用 response(data) 它会显示所有结果但不显示搜索。

Answer 1

请试试这个:

success: function (data) {
          //response(data);
          console.log(data);
          var matcher = new RegExp( "^" + $.ui.autocomplete.escapeRegex( request.term ), "i");
          var d = $.grep( data, function(item) {
                return matcher.test( item.label || item.value || item );
          });
          response(d);
}