別の functions.js ファイルで json Web サービスを呼び出す次のコードがあります。
function getMajorGroups(){
var element = $(".item-group-button");
$.ajax({
type:"GET",
url:"localhost:6458/posApplication/getAllMajorGroups",
data:"{}",
contentType:"application/json; charset=utf-8",
dataType:"json",
done:successResult(majorGroups),
fail:errorResult(error)
});
}
function successResult(majorGroups){
var mGroups = response.d;
$("#item-groups").empty();
$.each(majorGroups ,function(){
var h3 = $('h3').append(majorGroups.code);
element.append(h3);
$("#item-groups").prepend(element);
});
}
function errorResult(error){
alert("error");
}
Web ページを実行し、firebug を使用して手順をトレースすると、スクリプトが実行されていることがわかります。ただし、ajax 呼び出し内で成功または失敗のコードは実行されません。私はここで何か悪いことをしていますか?
以下は、サービスが返す文字列の例です。
{"majorGroups":[{"update":"false","hasMore":"false","status":"A","description":"Beverage","majorGroupId":"48","code" :"飲料"},{"update":"false","hasMore":"false","status":"A","description":"ランドリー","majorGroupId":"51","code" :"ランドリー"},{"update":"false","hasMore":"false","status":"A","description":"Cigarette","majorGroupId":"50","code" :"タバコ"},{"アップデート":"false","hasMore":"false","ステータス":"A","説明":"Food","majorGroupId":"47","code":"Food"},{"update":"false","hasMore":"false","status":"A","description": "Health Center","majorGroupId":"52","code":"Health Center"}],"failure":"false"}