在发送 ajax 之前清除 Select2答案

【问题标题】：Clear Select2 before send ajax在发送 ajax 之前清除 Select2
【发布时间】：2017-12-29 13:44:36
【问题描述】：

如何在 Select2 开始新的 ajax 调用之前清除最后的结果？（不改变原来的select2-files）

复制：

带有 ajax 功能的 Select2。
搜索任何内容。
用其他词搜索。
步骤 2 的旧结果仍然可见，直到步骤 3 的 ajax-query 准备就绪。

【问题讨论】：

您真的希望人们重新创建这些步骤来帮助您吗？与您的问题共享/包含相关源代码对您来说不是更方便吗...
当我不知道服务器（响应 ajax 请求）时，为所有人创建工作源是不同的。
我没有说“工作”，我说的是分享相关源代码。其他人如何识别您现有的问题？您不能假设每个人都会按照您的方式编写它，否则将无法解释问题的原因或提供解决方案而不提供完整的重写。
这是select2的一般问题。我可以提供我的代码，或者我可以为 ajax-data-source 提供 select2 的示例代码，但我不明白为什么我必须这样做。我写了步骤来澄清我的情况。
您认为反对票来自我。小心这些假设。

标签： javascript jquery-select2

【解决方案1】：

在 ajax data 处理程序中，您可以清除项目：

ajax: {
    type: "POST",
    url: '/echo/json/',
    dataType: 'json',
    data: function(params){
        console.log("ajax");
      // reset selection
      $('.select').val(null).trigger('change');
      var query = {
        search: params.term,
        items: data
      };
      return { json: JSON.stringify( query ) }
    },
    processResults: function (data, page) { 
        return { results: data.items };
    },
}

这是一个 jsfiddle：https://jsfiddle.net/beaver71/jb07ehpq/

【讨论】：

我正在使用加载动画和错误消息。为了获得良好的用户体验，我将代码 $('.select').val(null).trigger('change'); 更改为：var results = $(this).data('select2').$results.children(); if (results.length > 1) results.last().remove();