AJAX的结果问题 - 数据。结果是未定义的

我想设置Select2使用Ajax，我宁愿卡住。我在IE中进行了调试，并确认我的AJAX正在返回结果，因此看起来不是问题。输入框加载，但是当我为“牛奶”键入“mi”时，它只是说“搜索...”，并且从来没有发现任何东西！AJAX的结果问题 - 数据。结果是未定义的

这里是我的Jquery：

 $(document).ready(function() { 
      $('#e1').select2({ 
       placeholder: "Select an ingredient...", 
       minimumInputLength: 2, 
       ajax: { 
        url: "../api/IngredientChoices", 
        dataType: "jsonp", 
        quietMillis: 500, 
        data: function (term, page) { 
         return { 
          q: term, 
          page_limit: 10, 
          page: page 

         }; 
        }, 
        results: function (data, page) { 
         var more = (page * 10) < data.total; 
         return { 
          results: data.MainName, more:more 
         } 

        } 
       } 
      }); 
     });

JSON：

[{"SubItemID":1,"MainItemID":1,"SubName":"2%","MainName":"Milk"},{"SubItemID":2,"MainItemID":1,"SubName":"Skim/Fat Free","MainName":"Milk"},{"SubItemID":3,"MainItemID":2,"SubName":"Chedder","MainName":"Cheese"}]

HTML：

<td><input type="hidden" id="e1" /></td>

如果我改变了数据类型为刚刚JSON我得到一个不同类型的错误当我在框中输入“mi”时。

enter image description here

这里是一个工作版本的最终代码：

  $('#e1').select2({ 
       placeholder: "Select an ingredient...", 
       minimumInputLength: 2, 
       ajax: { 
        url: "../api/IngredientChoices", 
        dataType: "json", 
        quietMillis: 500, 
        data: function (term, page) { 
         return { 
          q: term, 
          page_limit: 10, 
          page: page 

         }; 
        }, 
        results: function (data, page) { 
         var more = (page * 10) < data.length; 
         console.log(more); 
         console.log(data); 
         return { results: data, more: more }; 

        }, 
        formatResult: function (post) { 
         markup = '<strong>' + post.text + '</strong>'; 
        } 
       } 
      });

来源

2013-01-25 Yecats

JSONP是对发出Ajax调用.../API/IngredientChoices是当地的url？那么你只需要数据类型json我认为 –

啊，我不确定JSON和JSONP的区别。有了JSON，我仍然在附加的截图中看到错误。 – Yecats

您遇到的似乎是因为你所得到的结果的格式的错误。 Select2预期的结果是具有id：和text：属性的对象的集合。

[{ID：1，文本：字符串'}，{ID：2，文本：其他字符串'}]

来源

2013-01-25 18:01:09

你是对的，我需要改变我的JSON输出有id和文本，它的工作。另外，我不得不将结果改为数据。我已经为他人发布了我的更正后的代码。 – Yecats

json字段名称如何更改为文本？我遇到类似的问题，除了我无法将我的一个字段名称（'email'）转换为'text' – user3115056

AJAX的结果问题 - 数据。结果是未定义的

回答

相关问题