javascript - 响应在 ajax 自动完成内不起作用

Question

我正在使用自动完成插件 http://jqueryui.com/autocomplete/#remote-jsonp .

  $("#city" ).autocomplete({
     source: function( request, response ) {
      $.ajax({
        url: 'index.php?secController=studentProfile&action=employeeSearch',
        dataType: "JSON",
        data: {
        searchCriteria: request.term
        },
        success: function( data ) {
        console.log(data);
        response(data, function (item) {
        return {
            label: item.FulltName,
            value: item.id
        };
       });
      }
    });
  },
  minLength: 1,
  select: function( event, ui ) {
    log( ui.item ?
      "Selected: " + ui.item.label :
      "Nothing selected, input was " + this.value);
  },
  open: function() {
    $( this ).removeClass( "ui-corner-all" ).addClass( "ui-corner-top" );
  },
  close: function() {
    $( this ).removeClass( "ui-corner-top" ).addClass( "ui-corner-all" );
  }
});

控制台中的数据是通过多个 json 数据获取的，例如

     0: {_id: {…}, FullName: "Aasiya Rashid Khan", FirstMiddle: "Aasiya Rashid", FirstLast: "Aasiya Khan", Employee: {…}}
     1:{_id: {…}, FullName: "Sana Jeelani Khan", FirstMiddle: "Sana Jeelani", FirstLast: "Sana Khan", Employee: {…}}
     2:{_id: {…}, FullName: "Asad Hussain Khan", FirstMiddle: "Asad Hussain", FirstLast: "Asad Khan", Employee: {…}}

其中一位员工的 ID 类似于“_id:{$oid: "5aa75d8fd2ccda0fa0006187"}”

在上面的代码中，我尝试返回 item.FullName 作为自动完成的标签，并将 _id 作为值。他们没有工作。请帮忙!!!

Answer 1

response 回调需要一个参数，这里您提供了两个参数。我认为您正在尝试将返回的 JSON 映射到所需的输出，请尝试:

response(
    data.map(item => ({
        label: item.FullName,
        value: item._id
    }))
)