[英]How to pass selected value as extra parameter to ajax call
我的编码部分
$("#demo-input").tokenInput("data/autosuggest-search-city.php",
{
searchDelay: 2000,
minChars: 3,
tokenLimit: 10
});
我想将选定的值作为附加参数发送到“ data / autosuggest-search-city.php”。
例如,最初我搜索并从列表中选择一个值,然后再次搜索,这次我想将第一个选择的值发送到服务器。
这个怎么做?
TokenInput插件本身不支持。
但是,无论何时添加标记或从选择中删除标记,您都可以采用一种简单的解决方法来更新“ AJAX网址” 。
使用onAdd
和onDelete
回调触发“ AJAX url”更改;
使用selector.tokenInput("get")
方法获取选定的令牌;
通过更新元素的.data("settings").url
来设置新的“ AJAX url” ;
// cache the original url:
var token_url = "data/autosuggest-search-city.php";
$("#demo-input").tokenInput(token_url, {
searchDelay : 2000,
minChars : 3,
tokenLimit : 10,
onAdd : function(){
urlChange.call(this);
},
onDelete : function(){
urlChange.call(this);
}
});
function urlChange(){
var tokens = '', token_list = $(this).tokenInput("get");
// proceed if any token/s are selected:
if(token_list.length){
// loop through the selected tokens (if more than one is selected)
$.each(token_list, function(i, token){
// use token "id" (or "name" if you wish) and separate them with comma:
tokens += token.id + ',';
});
// update url:
$(this).data("settings").url = token_url + '?selected_tokens='+tokens.replace(/,+$/,'');
}else{
// leave original url if no tokens are selected:
$(this).data("settings").url = token_url;
}
};
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.