次のコードを使用して、Spring 3.0 REST Web サービスからの json 応答を読み取ります。
$(document).ready(function() {
jQuery.support.cors = true;
$.ajax({
url: 'http://localhost:8080/mobile-services/rest/images/',
type: 'GET',
dataType: 'jsonp',
contentType:'application/json',
success: function(data) { alert(""); },
error: function() { alert('Error occured.. !'); },
beforeSend: setHeader
});
});
function setHeader(xhr) {
xhr.setRequestHeader('Access-Control-Allow-Origin', '*');
xhr.setRequestHeader('Content-Type', 'application/json');
}
$.getJSON を使用すると、有効な JSON が返されます。
$(document).ready(function()
{
alert("Within readky function..");
$.getJSON('http://localhost:8080/mobile-services/rest/images/',
function(json)
{
alert(json);
});
});
ブラウザから Web サービスを呼び出すと、有効な JSON である次の応答が返されます。
{"imageList":[{"itemName":"tv","picName":"image1.jpg","price":20,"id":0},{"itemName":"radio","picName":"image2.jpg","price":5,"id":0}]}
もう1つ、言及したいことがあります。$.getJSON は chrome と firefox では問題なく動作しますが、IE では失敗します。
提案してください。