Java Jquery+;PHP:从第三方PHP脚本获取自动完成字符串
Jquery示例搜索:Java Jquery+;PHP:从第三方PHP脚本获取自动完成字符串,java,php,jquery,ajax,Java,Php,Jquery,Ajax,Jquery示例搜索: <script> $(function() { var availableTags = [ "ActionScript", "AppleScript", "Asp", "BASIC", "C", "C++", "Clojure", "COBOL",
<script>
$(function() {
var availableTags = [
"ActionScript",
"AppleScript",
"Asp",
"BASIC",
"C",
"C++",
"Clojure",
"COBOL",
"ColdFusion",
"Erlang",
"Fortran",
"Groovy",
"Haskell",
"Java",
"JavaScript",
"Lisp",
"Perl",
"PHP",
"Python",
"Ruby",
"Scala",
"Scheme"
];
$("#tags").autocomplete({
source: availableTags
});
});
</script>
<div class="demo">
<div class="ui-widget">
<label for="tags">Tags: </label>
<input id="tags" />
</div>
</div>
<!-- End demo -->
<div class="demo-description">
<p>The Autocomplete widgets provides suggestions while you type into the field. Here the suggestions are tags for programming languages, give "ja" (for Java or JavaScript) a try.</p>
<p>The datasource is a simple JavaScript array, provided to the widget using the source- option.</p>
</div>
<!-- End demo-description -->
$(函数(){
var availableTags=[
“动作脚本”,
“AppleScript”,
“Asp”,
“基本”,
“C”,
“C++”,
“Clojure”,
“COBOL”,
“ColdFusion”,
“二郎”,
“Fortran”,
“好极了”,
“哈斯克尔”,
“爪哇”,
“JavaScript”,
“口齿不清”,
“Perl”,
“PHP”,
“Python”,
“红宝石”,
“斯卡拉”,
“方案”
];
$(“#标记”).autocomplete({
资料来源:availableTags
});
});
标签:
“自动完成”窗口小部件在您键入字段时提供建议。这里的建议是编程语言的标签,请尝试一下“ja”(对于Java或JavaScript)
数据源是一个简单的JavaScript数组,使用source-option提供给小部件
基本上有一个包含自动完成内容的变量,这很好,除了我需要一些更复杂的东西。我不需要从var/xml/sql中提供列表,而是需要从第三方php脚本发出的echo中获取
该php脚本将根据查询回显相应的信息。i、 例如:用户搜索customsearch.php?q=Lemons,它将回应“菠萝”
有人能帮我吗?基于您的另一个,我假设您正在进行AJAX调用以获取搜索结果。在您的示例中,将它们加载到数组中并替换它:
<script>
function GetSearchResults(){
// make your ajax call here
$.ajax({
async: false,
url: 'customsearch.php?q=Lemons',
success: function(data) {
var availableTags = [];
// build an array from the response data here
$( "#tags" ).autocomplete({
source: availableTags
});
}
});
}
$(function() {
var availableTags = GetSearchResults();
});
</script>
<div class="demo">
<div class="ui-widget">
<label for="tags">Tags: </label>
<input id="tags" />
</div>
</div><!-- End demo -->
<div class="demo-description">
<p>The Autocomplete widgets provides suggestions while you type into the field. Here the suggestions are tags for programming languages, give "ja" (for Java or JavaScript) a try.</p>
<p>The datasource is a simple JavaScript array, provided to the widget using the source- option.</p>
</div><!-- End demo-description -->
函数GetSearchResults(){
//在这里打电话
$.ajax({
async:false,
url:'customsearch.php?q=Lemons',
成功:功能(数据){
var availableTags=[];
//从这里的响应数据构建一个数组
$(“#标记”).autocomplete({
资料来源:availableTags
});
}
});
}
$(函数(){
var availableTags=GetSearchResults();
});
标签:
“自动完成”窗口小部件在您键入字段时提供建议。这里的建议是编程语言的标签,请尝试一下“ja”(对于Java或JavaScript)
数据源是一个简单的JavaScript数组,使用source-option提供给小部件
理想情况下,您不会将async设置为false,但如果您不熟悉回调,我会尽量不让您的大脑爆炸。请阅读手册,您已经在代码中执行异步回调了。。。更不用说,如果您只是在ajax回调中完成整个过程,而不是使用DOMReady回调,那么就更简单了。哈哈:)事实上,伊萨丽嘉,你错了。Sara或任何其他开发人员可能不希望在DOM准备就绪之前运行此操作,因为他们可能正在从DOM中的信息构造传递的数据。你的建议可能不安全。我不推荐。