私はJavascriptに比較的慣れていないので、AJAXを使用してURLからJSONデータを取得しようとして立ち往生しています。
URLは、リクエスト/取得したい文字の配列を返し、データを処理してhtmlで表示します。その URL は次のとおりです: http://stark-tundra-9859.herokuapp.com/locations
私が使用しているコードは次のとおりです。問題は、応答に対して何も受信していないように見えることです。その上、リクエスト情報変数がどうあるべきかわかりません:
function ajax_request() {
requestInfo='';
var params = JSON.stringify(requestInfo);
$.ajax({
type: "GET",
url: 'http://stark-tundra-9859.herokuapp.com/locations',
data: params,
contentType: "application/json",
dataType: "json",
converters: {
'text json': true
},
success: function(response) {
$("#responseParagraph").html(response);
},
error: function(error) {
$("#responseParagraph").html(error.responseText);
}
});
}
@ agam360、JQUERYを使用してこのコードのバージョンも実行しましたが、コンソールに次のようなメッセージが表示されます。
GET http://stark-tundra-9859.herokuapp.com/locations 200 OK 198ms
応答ヘッダー Connection keep-alive Content-Length 154 Content-Type application/json;charset=utf-8 Server thin 1.5.1 codename Straight Razor X-Content-Type-Options nosniff
リクエストヘッダー Accept application/json, text/javascript, / ; q=0.01 Accept-Encoding gzip, deflate Accept-Language es-ES,es;q=0.8,en-US;q=0.5,en;q=0.3 接続 キープアライブ ホスト stark-tundra-9859.herokuapp.com オリジンnull ユーザーエージェント Mozilla/5.0 (Windows NT 6.1; rv:16.0) Gecko/20100101 Firefox/16.0
その回答を受け取るために使用されるコードは次のとおりです。
function json_request() {
$.getJSON(url,
function(data) {
alert(data);
$('#responseParagraph').append("<p>"+data.responseMessage+"</p>");
});
}
この JQUERY では、JSON リクエストから DATA を正しく受信していないようです。もしかして私の扱い方が悪いのでしょうか?
事前に何か助けていただければ幸いです!