如何在远程函数中传递两个值
how to pass two values in remote function?
我想向search.php
页面传递多个值,我该怎么做?
<html>
<head>
<title>Ajax Search Box using PHP and MySQL</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="typeahead.min.js"></script>
<script >
$(document).ready(function(){
$('input.typeahead').typeahead({
name: 'typeahead',
remote: 'search.php?key=%QUERY',
prefetch: 'search.php',
limit : 10
});
});
</script>
</style>
</head>
<body>
<h1>Ajax Search Box using Node and MySQL</h1>
<button type="button" >Visit Tutorial</button>
<input type="text" name="typeahead" class="typeahead" autocomplete="off" spellcheck="false" placeholder="Type your Query">
</body>
</html>
只需使用&将无法使用typeahead。在设置查询字符串之前,您需要使用replace
来处理它。
$('#Last_Name').typeahead({
name: 'typeahead',
remote: {
url: 'Search.pl?query=%QUERY',
replace: function(url, uriEncodedQuery) {
var QUERY2 = $("#textfield").val(); // get other field value
if (!val) return url;
return url + '&Key2=' + encodeURIComponent(QUERY2)
},
limit : 10
});
编辑后:
我创建了一个有两个输入框的fiddle,一个有typeahead,另一个输入的值只是通过type head传递,你会通过netpanel(firebug)看到它,或者无论你是否使用ajax调用,你都可以看到
http://suggestqueries.google.com/complete/search?client=chrome&q=%QUERY&newField=10&callback=jQuery191022225840536777897_1447822862109&_=1447822862110
其中"newField"是的另一个输入字段
这里的工作Fiddle
您需要添加&
来分离变量。对于您的代码,请执行以下操作。
$('input.typeahead').typeahead({
name: 'typeahead',
remote:'search.php?var1=value1&var2=value2',
limit : 10
});
有两种方法。第一个是创建一个FORM并发送表单中的所有变量,比如这个
url: 'Search.pl?' + $( "#myUrl" ).serialize(),
另一种方法是添加所有需要用"&"分隔的变量
url: 'Search.pl?var1=' + value1 + '&var2=' + value2,
相关文章:
- JQuery合并了keyup和focusout两个函数
- 在输入字段上有两个函数调用,一个在Blur上,一个不在Angular中
- 递归|两个函数名
- 同一事物的两个函数,一个崩溃,另一个不崩溃,为什么
- 如何调用两个函数是一种html输入类型
- 广义化对两个性质起反作用的两个函数
- 两个函数之间的角度承诺
- 在keyup更改上运行两个函数
- 为什么这两个函数调用不相等
- 在 javascript 中通过继承调用两个函数
- 删除两个函数使用的全局变量
- 我需要将这两个函数从javascript更改为JQuery,任何人都可以告诉我如何转换
- 我需要在单击时运行两个函数.即使嵌套在一起,我也无法让它们都工作
- iMacros iim播放如何调用两个函数
- 尝试连接Angular.js或JavaScript中的两个函数返回
- 我的if和else-if逻辑中的问题以及两个函数的冲突
- 如何在onchange事件中的两个函数之间进行选择
- javascript中的函数重载使两个函数名称相同,但输入数字不同
- 包括javascript按键中的两个函数
- 在onload上调用两个函数不起作用