jQuery Autocomplete调用xml文件作为数据源

这里以页面和xml文件在同一级目录下说明。
前提：引用jquery.js和jquery-ui.js
JS代码如下：先通过ajax读取xml文件
<script>
$(document).ready(function() {
var myArr = [];
$.ajax({
type: “GET”,
url: “data.xml”,
dataType: “xml”,
success: parseXml,
complete: setupAC,
failure: function(data) {
alert(“XML File could not be found”);
}
});
function parseXml(xml)
{
//find every query value
$(xml).find(“st”).each(function()
{
myArr.push($(this).attr(“label”));
//这里是因为xml的格式如下
//<root><st label=”需要的数据” value=”需要的数据” /><st label=”" value=”"/></root>
//这样的
});
}
function setupAC() {
$(“input#searchBox”).autocomplete({
source: myArr,
minLength: 1,
select: function(event, ui) {
$(“input#searchBox”).val(ui.item.value);
}
});
}
});
</script>

静态页其实只需要一个<input id=”searchBox” />即可

来源：http://www.johnstonianera.com/jquery-autocomplete-xml/