0

私は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 を正しく受信していないようです。もしかして私の扱い方が悪いのでしょうか?

事前に何か助けていただければ幸いです!

4

1 に答える 1