jQuery Autocomplete 에서 xml 파일 을 데이터 원본 으로 호출 합 니 다.

페이지 와 xml 파일 로 같은 단계 디 렉 터 리 에 설명 합 니 다.
전제: jquery. js 와 jquery - ui. js 참조
JS 코드 는 다음 과 같 습 니 다. 먼저 ajax 를 통 해 xml 파일 을 읽 습 니 다.
$(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><stlabel="     " value="     " /><stlabel=""value=""/></root>
//   
});
}
function setupAC() {
$("input#searchBox").autocomplete({
source: myArr,
minLength: 1,
select: function(event, ui) {
$("input#searchBox").val(ui.item.value);
}
});
}
});

정적 페이지 는 사실 < input id = "searchBox" / > 하나만 있 으 면 됩 니 다.
원본:http://www.johnstonianera.com/jquery-autocomplete-xml/

좋은 웹페이지 즐겨찾기