이 JQuery AJAX를 웹 페이지에 표시하는 데 문제가 있습니다.JQuery 자동 완성 페이지에 표시되지 않음
$(document).ready(function(e) {
$(".autocomp").autocomplete(
{
source: function(request, response) {
$.ajax({
url: "/apples",
dataType: "json",
data: {
srch:request.term
},
success: function(data) {
response($.map(data.result, function(item) {
return {
label: item.name,
value: item.name,
data: item
};
}));
}
});
},
minLength: 2,
select: function(event, ui){
var parts = this.name.match(/(\D+)(\d+)$/);
$("key_"+parts[2]).val(ui.item.data.key);
}
});
});
이 함수는 {result: [{name:macintosh,key:1},{name:golden,key:2},{name:fuji,key:3}]}
정보를 반환하는 웹 사이트를 호출합니다. 데이터 필드에 다시 전송 오브젝트는 다음과 같습니다
Object {result= [Object{name:macintosh,key:1},Object{name:golden,key:2},Object{name:fuji,key:3}]}
html로 :
<input type="text" name="name_1" id="name_1" class="autocomp"><input type="hidden" name="key_1" id="key_1">
누구나가 작동하지 않는 이유는 아이디어가? 나는
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/jquery-ui.min.js"></script>
와 스타일 시트를 수입하고 있습니다 :
<link href="http://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
어떤 도움도 대단히 감사하겠습니다!
당신은 jquery를 연결하고있는 곳에 http :'가 없습니다. –
은'' –
"/ 사과 "엔드 포인트를 맞출 때 반환되는 것을 출력 할 수 있습니까? –