Ajaxでデータが表示されない

Question

Ajaxでデータが表示されない。

function createMarker(lat, lng){
          var marker = new google.maps.Marker({
            position: new google.maps.LatLng(lat, lng),
            map: map
          });
      }

jQuery(function ($) {
        $.ajax({
          type: 'POST',
          dataType: 'json', 
          crossDomain: true,
          url: 'http://localhost:8000/app',
          data: {
            'action': 'tell_me'
          },
          success: function (response) {
            console.log(response);
            var data = response;
            for (i = 0; i < data.length; i++) {
              createMarker(data[i].lat, data[i].lng); 
            }
          }
        });

とコードを書いて、'http://localhost:8000/app'にアクセスすると
エラーは何も出ないがマーカーが表示されない。
一つ気になるのが、

data: {
            'action': 'tell_me'
          },

の 'tell_me'に何を指定すればいいのかわからなかった。
'tell_me'には何か指定すべきなのか？

参考URL：https://hacknote.jp/archives/18399/

Comments

[m.ts10806]

何をしたくてこのコードを書いたのでしょうか？要件を具体的に記載してください。

[m.ts10806]

それによって疑問として出ている指定する値が変わってきます。受けとり側の処理ですね。

[k0908]

Ajaxでjsonデータを渡しGoogle Mapsにマーカーを表示させたいです

[kei344]

http://localhost:8000/app 側の実装も提示されてはいかがでしょうか。

Answer 1

エラーは何も出ない

エラー処理を書いて下さい

$(function(){
  $.ajax({
  type: 'POST',
  dataType: 'json', 
  url: 'http://localhost:8000/app',
  data: {'action':'tell_me'},
  }).done(function(response) {
    console.log(response);
  }).fail(function(xhr,err){
    console.log(err);
  });
});

Comments

[k0908]

ありがとうございます。ご提示のコードを書くと、error　と出力されました。errorだけでは何のエラーかがわからないのですが、どうしたらいいでしょうか？

[yambejp]

つぎにやるなら
console.log(xhr.state());
ですかね
たぶんrejectとかされているのでは？

xhrにサーバーとのやり取りをしたもろもろの情報が記載されているので
こまかく検証できるはずです

[k0908]

rejectされていました！どういう原因でrejectはされるのかはありますか？ajaxでrejectされるケースを調べてみたのですが、明確な原因がわからず

[yambejp]

単純にページが存在しない場合、ブラウザの開発ツール(F12)でみれば
ネットワークやXHR情報にnot found(404)が返っているはずです。
その場合はちゃんと存在するサイトをurlに指定する必要があります
また何らかの理由で閲覧禁止担っている場合は403エラーが返ってきているかもしれません。
エラーステータスは
console.log(xhr.status);
で拾ってみて下さい

[k0908]

ありがとうございます。やっと２００番が返ってきました！