質問: new google.maps.Marker({ position: latlng, map: map, icon: { //url: sailboat_image, scaledSize: new google.maps.Size(60, 60) } }); function insert_latlng(){ $.ajax({ url: "set_latlng_test.php", type: "POST", datatype: "text", data: { "login_user" : hoge, "latitude" : latitude, "longitude" : longitude }, }).done(function(data){ console.log(data); console.log(hoge); console.log("DB通信完了"); }).fail(function(data){ console.log("DB通信失敗"); console.log(data); }); }; insert_latlng(); }; ``` ボタン「btn2」をクリックするとajaxが発火する仕様です。 クリック後、doneの方が実行されたことが確認できますが、肝心のconsole.log(data);の結果が空白となっており、どうもデータが送れているようには見えません。 ![イメージ説明](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/5609fc917b318aadd858fac9330dae35.png) 質問1:この画像からして、そもそもデータは送れてないという認識であってますか? 質問2:送れてない場合は、以降どのようなコーディング等で原因切り分けが必要でしょうか? なにとぞご回答の程よろしくお願いいたします。
回答: > > 質問1:この画像からして、そもそもデータは送れてないという認識であってますか? > > > 多分送れていないんだろうと思いますが、切り分け方法があまり良くないです。 クライアント側で確認する場合は、 1. 開発者ツールの`Network`タブから、該当するネットワーク通信が存在しているか確認する(添付画像はteratailの例) 2. 通信が存在している場合はその通信の中身を確認する(画像の右下のForm Dataのあたり) !イメージ説明 で確認します。 サーバ側で確認する場合は、webサーバのアクセスログを確認します。 > > 質問2:送れてない場合は、以降どのようなコーディング等で原因切り分けが必要でしょうか? > > > 今回の場合、まずはコンソールで見えているエラーを直すことをお勧めします。