个人中心
文章发布
退出
作者热门文章
- xml - AJAX/Jquery XML 解析
- 具有多重继承的 XML 模式
- .net - 枚举序列化 Json 与 XML
- XML 简单类型、简单内容、复杂类型、复杂内容
24
4
我正在使用 Select2 3.5.1。使用此插件，我可以成功加载远程数据。但是，我今天在这里提出一个问题以改进此搜索。这是了解我想做什么的分步操作:
有没有可能当我们再次点击搜索框时，没有任何ajax调用，之前搜索的结果列表重新出现？然后，如果用户删除一个字符或更改他的搜索条件，它将再次触发 ajax 搜索。
如果可能，我们将如何编码？
我希望我的问题很清楚，如果您有任何问题，请告诉我。谢谢。
这是一个非常简单的代码，我们在其中进行搜索并返回结果列表。它并没有真正进行搜索，但是当您键入某些内容时它确实会返回一个列表。我不确定如何使用其中一个响应中提到的 initSelection。
<html>
<head>
<title>
Test page for ajax cache
</title>
<script type='text/javascript' src='../../resources/javascript/jquery/jquery-1.9.1.min.js'></script>
<link type='text/css' href='../../resources/javascript/select2/select2.css' rel='stylesheet' />
<script type='text/javascript' src='../../resources/javascript/select2/select2.js'></script>
<script>
$(document).ready(function(){
$('#select').select2({
ajax: {
type: 'POST',
url: 'ajax.php',
dataType: 'json',
data: function(term, page){
return {
autoc: 'country',
term: term
}
},
results: function(data, page){
console.log(data);
return( {results: data.results} );
}
},
placeholder: 'Search something',
minimumInputLength: 3,
width: '333'
});
});
</script>
</head>
<body>
<input type='text' name='inputdata' id='select' />
</body>
</html>
非常简单的 ajax.php 调用:
<?php
$results2['more'] = false;
$results2['results'][0] = array('id'=> "1", 'text'=> "California");
$results2['results'][1] = array('id'=> "2", 'text'=> "Canada");
$results2['results'][2] = array('id'=> "2", 'text'=> "Someword");
$results2['results'][3] = array('id'=> "2", 'text'=> "Alberta");
$results2['results'][4] = array('id'=> "2", 'text'=> "New York");
echo json_encode($results2);
最佳答案
我又看了一遍你的帖子。我上次误会你了。
解决方案就在这里。
$(document).ready(function () {
$('#select').select2({
// this part is responsible for data caching
dataCache: [],
query: function (q) {
var obj = this,
key = q.term,
dataCache = obj.dataCache[key];
//checking is result in cache
if (dataCache) {
q.callback({results: dataCache.results});
} else {
$.ajax({
url: 'ajax.php',
data: {q: q.term},
dataType: 'json',
type: 'POST',
success: function (data) {
//copy data to 'cache'
obj.dataCache[key] = data;
q.callback({results: data.results});
}
})
}
},
placeholder: 'Search something',
width: '333',
minimumInputLength: 3,
});
// this part is responsible for setting last search when select2 is opening
var last_search = '';
$('#select').on('select2-open', function () {
if (last_search) {
$('.select2-search').find('input').val(last_search).trigger('paste');
}
});
$('#select').on('select2-loaded', function () {
last_search = $('.select2-search').find('input').val();
});
});
关于javascript - Select2 - Ajax 搜索 - 记住最后的结果，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26466788/
24
4
0
我观察到很少有逆向工程师，他们将十进制转换为十六进制的速度如此之快。这简直太神奇了。我一直没有机会问他们。就我个人而言，我真的很讨厌这个转换，而且我总是使用计算器进行转换。 我想知道这种转换是否有某种
我有一个程序使用三个 JTextField 字段作为主要数据输入字段。我想要它，以便当用户终止程序然后再次打开它时，他们的最后一个条目仍将在字段中。 我怎样才能做到这一点？我需要某种数据库还是有更简单
我有以下脚本将 jquery 生成的对象的颜色更改为蓝色: $(".objects_list").live('click', function(event) { $(this).css("co
这个问题在这里已经有了答案: Is it a good idea to memoize all of my react components? (2 个答案) 关闭去年。 我知道使用 React.m
我在 R 中编写了一个递归函数并使用 memoise 来加速它。我试图通过在 Rcpp 中编写它然后记住 Rcpp 函数来进一步加快它的速度，但 R 函数更快。为什么会这样，有什么方法可以加快我的使用
我的应用程序包含几个 View ，我想在应用程序启动且用户尚未完成向导时显示一个小设置。我知道我可以使用 NSUserDefaults 实现此目的，但我不确定如何使其根据 NSUserDefaults
我正在从一台机器（相同版本的Delphi）开发应用程序。该应用程序的原始版本使用了TMS包中的TMoneyEdit组件。在移动项目时，我想删除对该产品的依赖。因此，在源代码中，我删除了TMoneyEd
我有一个触发器，希望将相同的随机值插入两个表中。我该怎么做呢？ 在TableAB上插入后创建触发器insertTrigger 开始 插入TableA（id，num）VALUES（RANDOM（），1）
我有以下代码，通过 .swf 解决方案将服务器 IP 复制到客户端的剪贴板。正如您所看到的，它用成功的“已复制”消息替换了“复制 IP”按钮。我该如何让“复制 IP”按钮在显示成功消息 5 秒后返回，
我正在使用 GPS 定位功能，问题是权限弹出窗口一遍又一遍地出现(每次新的网址刷新/按 F5 键)。 我如何记住用户在浏览器中选择的状态(已批准或已拒绝)。 if (navigator.geoloca
有一个按钮(实际上有很多)，它有一个事件处理程序: el.onclick = function(){ if(this.className.indexOf("minimized") != -1)
我正在制作一个纯 html+JavaScript 幻灯片。幻灯片位于网站的侧边栏中，该网站为每个具有幻灯片侧边栏的页面加载了 php。唯一没有侧边栏的页面是主页。 幻灯片放映工作正常。然而，可以理解的
我想制作一个 Chrome 扩展程序，它将存储来自用户的潜在大型代码片段(以及代码片段的名称)并使用它们。 我希望用户能够上传包含这些片段的文件(或者更好的是，将这些片段复制并粘贴到扩展程序选项页面的
我有一个方法是 pure function并需要一段时间才能运行。我想记住这个方法，以便后续调用更快。我可以在 Groovy 的文档中看到，您可以通过以下方式内存闭包: foo = {…}.memoi
[jQuery][1] 始终记住您的鼠标触发器，无论是单击还是悬停。因此，如果您鼠标输入和鼠标退出四次，它将执行该事件四次。 如何让它“忘记”触发器，以便当我用鼠标输入和退出触发器时它只执行一次？ 编
对于我的开发人员工作，我几乎整天都在 *nix shell 环境中工作，但似乎仍然无法记住我每天不使用的程序的名称和参数细节。我想知道其他“临时健忘症患者”是如何处理这个问题的。你有一个大的备忘单吗？
我有一个表格，在客户填写各种表格后，我希望能够浏览网站，并返回表格并保持填写状态。 我考虑过在浏览器的客户端中保留 cookie，您可能会推荐其他方法吗？ 关于代码，这里是 o 想到的 javascr
好的，我已经实现了 Facebook 登录按钮: loginButton.readPermissions = ["public_profile", "email", "user_friends"] l
我在移动应用程序中使用 AngularJS。用户能够将产品添加到订单中。但是我使用了不同的选项卡，以便用户可以在类别之间切换，并且对于每个类别，都会显示属于该类别的产品。这些产品可以添加到他/她的订单
我有一个使用自定义适配器、布局和模型类的 ListView (包含文本和复选框)。我想将选定的复选框保存在 sqlite 数据库中，以便当我导航到另一个 Activity 然后返回时，选定的复选框保持
我是一名优秀的程序员,十分优秀！