Ajax 自动完成冻结/崩溃浏览器答案

【问题标题】：Ajax Autocomplete Freezing/Crashing BrowserAjax 自动完成冻结/崩溃浏览器
【发布时间】：2013-09-05 09:48:14
【问题描述】：

我正在尝试实现Ajax Autocomplete for jQuery 并传递一些额外的参数。文档显示了如何做到这一点，但问题是，当我尝试使用另一个字段的值时，它会使我的浏览器崩溃。

$(function () {
'use strict';


 // Initialize ajax autocomplete:
 $('#school').autocomplete({
     serviceUrl: 'schools.php',
     params: { address_state: $('#address_state options:selected').val() },
     onSelect: function(suggestion) {
         $('input#school').val(suggestion.name);
         $('input#school-ceeb').val(suggestion.data);
     },
     onInvalidateSelection: function() {
         $('#selection-ajax').html('You selected: none');
     }
 });
});

如果有人有任何建议，我将不胜感激。预览版可以在 http://www.keuka.edu/pete/Inquiry 使用州和高中名称字段找到。

【问题讨论】：

你需要用你的 ajax 进行异步调用，默认情况下它应该设置为 true 但是看这里检查api.jquery.com/jQuery.ajax
您可能还想查看缓存结果以加快查询速度
请参阅插件文档页面上的How to use。您的服务没有返回正确的 json。
感谢您的提醒。杰森，那可能是我在测试某些东西的时候。 JSON 正确返回，因为自动完成功能有效，但它没有传递状态参数。如果我将 address_state: $('#address_state options:selected').val() 替换为 address_state: 'NY'

标签： javascript jquery ajax autocomplete

【解决方案1】：

我设法弄清楚了，以防有一天其他人试图解决类似的问题......

params: { address_state: function() { return $('#address_state :selected').val(); }, address_city: function() { return $('#address_city').val(); } },

【讨论】：