jQuery自动完成 - 如何处理额外的数据？

在jQuery自动完成中，处理额外的数据可以通过以下方法实现：

数据格式化：在获取数据时，可以通过格式化数据来处理额外的数据。例如，如果您的数据源返回的数据包含额外的字段，可以通过格式化数据来只显示所需的字段。

$("#input").autocomplete({
  source: function(request, response) {
    $.getJSON("data.json", function(data) {
      response($.map(data, function(item) {
        return {
          label: item.name,
          value: item.name,
          extraData: item.extraData
        };
      }));
    });
  },
  select: function(event, ui) {
    // 处理额外的数据
    console.log(ui.item.extraData);
  }
});

使用select事件：jQuery自动完成提供了一个select事件，当用户从下拉列表中选择一个项目时，该事件会被触发。在这个事件中，您可以访问所选项目的额外数据。

$("#input").autocomplete({
  source: function(request, response) {
    $.getJSON("data.json", function(data) {
      response($.map(data, function(item) {
        return {
          label: item.name,
          value: item.name,
          extraData: item.extraData
        };
      }));
    });
  },
  select: function(event, ui) {
    // 处理额外的数据
    console.log(ui.item.extraData);
  }
});

使用focus和blur事件：jQuery自动完成还提供了focus和blur事件，您可以在这些事件中处理额外的数据。

$("#input").autocomplete({
  source: function(request, response) {
    $.getJSON("data.json", function(data) {
      response($.map(data, function(item) {
        return {
          label: item.name,
          value: item.name,
          extraData: item.extraData
        };
      }));
    });
  },
  focus: function(event, ui) {
    // 处理额外的数据
    console.log(ui.item.extraData);
  },
  blur: function(event, ui) {
    // 处理额外的数据
    console.log(ui.item.extraData);
  }
});

通过以上方法，您可以在jQuery自动完成中处理额外的数据。