Jquery 通过Data.xml自动完成问题
需要一些帮助在我的自动完成搜索功能在JS这里是我的代码Jquery 通过Data.xml自动完成问题,jquery,xml,autocomplete,Jquery,Xml,Autocomplete,需要一些帮助在我的自动完成搜索功能在JS这里是我的代码 <script> $(document).ready(function() { var myArr = []; $.ajax({ type: "GET", url: "data.xml", dataType: "xml", success: parseXml, complete: setupAC, failure: function(data) { alert("
<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)
{
$(xml).find("name").each(function()
{
myArr.push({ url: 'example.com/'+$(this).attr("href"), label: $(this).text()});
});
}
function setupAC() {
$("input#searchBox").autocomplete({
source: myArr,
minLength: 3,
select: function(event, ui) {
$("input#searchBox").val(ui.item.label);
window.location.href = ui.item.url;
}
});
}
});
</script>
$(文档).ready(函数(){
var myArr=[];
$.ajax({
键入:“获取”,
url:“data.xml”,
数据类型:“xml”,
成功:解析XML,
完成:setupAC,
故障:功能(数据){
警报(“找不到XML文件”);
}
});
函数解析xml(xml)
{
$(xml).find(“name”).each(函数()
{
myArr.push({url:'example.com/'+$(this.attr(“href”),标签:$(this.text()});
});
}
函数setupAC(){
$(“输入#搜索框”)。自动完成({
资料来源:myArr,
最小长度:3,
选择:功能(事件、用户界面){
$(“输入#搜索框”).val(ui.item.label);
window.location.href=ui.item.url;
}
});
}
});
下面是Data.xml的一个示例
<?xml version="1.0" encoding="UTF-8"?>
<data>
<name href="dir-cats/government-telephone-directory/administration-contacts/">Administration Contacts</name>
<name href="dir-cats/marketing-advertising/advertisers/">Advertisers</name>
<name href="dir-cats/business-industry/agricultural-implements-machinery%e2%80%8e/">Agricultural Implements & Machinery</name>
<name href="dir-cats/home-furnishing/aluminum-glassworks/">Aluminum &a
</data>
行政联系
广告商
农具及;机械
铝和铝
当我在脚本代码中将更改为并且也将其更改为时,我的搜索将停止显示结果
有人能告诉我问题出在哪里。您的XML文件不正确,它缺少一个结束标记:
<?xml version="1.0" encoding="UTF-8"?>
<data>
<name href="dir-cats/government-telephone-directory/administration-contacts/">Administration Contacts</name>
<name href="dir-cats/marketing-advertising/advertisers/">Advertisers</name>
<name href="dir-cats/business-industry/agricultural-implements-machinery%e2%80%8e/">Agricultural Implements & Machinery</name>
<name href="dir-cats/home-furnishing/aluminum-glassworks/">Aluminum</name>
</data>
行政联系
广告商
农具及;机械
铝
有了这个正确的XML,它工作得很好嗨,谢谢你的回答。但这是一个示例文件,我的原始文件具有正确的结束标记…@saku4388我尝试时工作正常,您是否有可能影响预期行为的浏览器扩展名?