AJAXを使用してJS変数をPHPに渡すことができません

Question

ユーザーの現在地を取得しようとしています。

私は現在の緯度と経度を取得するJSスクリプトを持っています。これは、AJAXでjs変数をindex.phpに送信します。

$(document).ready(function() { 
if ("geolocation" in navigator){ 
    navigator.geolocation.getCurrentPosition(function(position){ 
      var userLat = position.coords.latitude; 
      var userLong = position.coords.longitude; 
      console.log(userLong); 
      console.log(userLat); 

      $.ajax({ 
       type: 'POST', 
       url: 'index.php', 
       data: { 
       userLat : userLat, 
       userLong : userLong 
       }, 
       success: function(data) 
       { 
        console.log(data); 

       } 

      }); 

    }); 
}else{ 
    console.log("Browser doesn't support geolocation!"); 
}}); 

それから私は私のindex.phpでこれを行うにしようとしています：

echo $_POST['userLat']; 
echo $_POST['userLong']; 

何も現れません。前もって感謝します。

Answer 1

何も表示されません。現時点ではPOSTがないので、あなたがinde.phpを閲覧することで任意のものを得ることはありません

そして、それは、正しいだ、AJAXは内部にあり、index.phpのからの結果を表示する唯一の方法は、ページ内にありますあなたはそれからajaxコールを送信します。この時

：

success: function(data) 
      { 
       console.log(data); 

      } 

ように例alert(data)またはdocument.getElementById("someelement").innerHTML=data;とのために、によって、index.phpのから来て、あなたのデータを表示する場所をコントロールすることができます。

Answer 2

ajaxにはdataTypeを定義して返してください。

はindex.phpのエンコードに続いてajaxオプション

dataType: 'json', 

のリストにこれを追加し、JSON文字列をエコー。 「userlat」と「userLong」とそれぞれに関連する値：二つのアイテムを持つオブジェクトを表示する必要があります

echo json_encode($_POST); 

成功関数のconsole.log(data);で

echo $_POST['userLat']; 
echo $_POST['userLong']; 

はそれらを置き換える行を削除します。または、 $_POSTにこれらの2つの項目がある場合は、

ブラウザ画面を更新するには、dataを使用してDOMを変更する必要があります。