JSON Web サービスからオートコンプリート プラグインのデータ ソースを取得したいと考えています。しかし、オートコンプリート プラグインのデータ ソースに json 文字列を入れることができません。しかし、なぜ私の Web サービスからのデータ ソースが表示されなかったのでしょうか?
これが私のWebサービスjson http://www.myservice.com/Service1.svc/listに表示されるものです:
{"GetReportArResult":[
{"FNCustomerCode":"RSK346","FnCustomerName":"KITCHEN LANGUAGE PTE LTD"},
{"FNCustomerCode":"RSL117","FnCustomerName":"LOVELIFE VENTURES PTE LTD"},
{"FNCustomerCode":"RSU386","FnCustomerName":"UDDERS PTE LTD"},
{"FNCustomerCode":"RSB638","FnCustomerName":"BODY PLUS PTE LTD"},
{"FNCustomerCode":"NTU042","FnCustomerName":"NTUC FAIRPRICE (339) -MARSILING MRT"},
{"FNCustomerCode":"NTU108","FnCustomerName":"NTUC FAIRPRICE (335) -JURONG WEST"},
{"FNCustomerCode":"RSI559","FnCustomerName":"IGGY'S PTE LTD"},
{"FNCustomerCode":"RSG843","FnCustomerName":"GOLDEN DEVELOPMENT PTE LTD"},
{"FNCustomerCode":"RSK583","FnCustomerName":"KOUFU PTE LTD (RASAPURA MASTER)"}
]}
これは私がこれまでに作ったものです:
$("#ar_main").bind("pageshow", function(e) {
$("#text_customer").autocomplete({
target: $('#suggestions'),
source: function(request, response) {
$.ajax({
type: "GET",
contentType: "application/json; charset=utf-8",
url: "http://www.myservice.com/Service1.svc/list",
dataType: "json",
data: {
term: request.term
},
success: function(data) {
response($.map(data.GetReportArResult, function(item) {
return {
label: item.FnCustomerName,
value: item.FnCustomerCode
};
}));
}
});
},
link: 'target.html?term=',
minLength: 1
});
});