用ajax將變量從JS傳遞到PHP

Question

我正在嘗試將gps坐標從JavaScript傳遞到同一頁面上的php變量，但是在腳本運行后並嘗試在php中回顯，它什么都沒顯示（注意：未定義索引：lat）。

<!DOCTYPE html>
<html>
<body>
<p id="gps"></p>
<script>
var x=document.getElementById("gps");
var y=document.getElementById("gps");
function getLocation()
  {
  if (navigator.geolocation)
    {
    navigator.geolocation.getCurrentPosition(showPosition);
    }
  else{x.innerHTML="Geolocation is not supported by this browser.";}
  }
function showPosition(position)
  {
 x=position.coords.latitude;
  y=position.coords.longitude;
$.ajax({  
    type: 'POST',
    url: 'index.php', 
    data: { lat: x },
});
</script>

PHP代碼：

 echo "<script> getLocation(); </script>";
        $lat=$_POST['lat'];
        echo $lat;

如何將變量從Javascript傳遞到php？

Answer 1

加載jQuery庫：

<script src="http://code.jquery.com/jquery-latest.min.js"></script>

將上述<script>標記插入<head> 。

由於$.ajax是jQuery函數，因此必須首先加載jQuery才能使用它。

您還需要關閉showPosition函數，並使用complete返回的數據：

function showPosition(position){
 x=position.coords.latitude;
 y=position.coords.longitude;
 $.ajax({  
    type: 'POST',
    url: 'index.php', 
    data: { lat: x },
    complete: function(text){ return text; }
 });
}

從AJAX響應中調用javascript函數不是一個不錯的選擇。 所以我會在$ .ajax的 完整值函數中調用getLocation（）函數：

function showPosition(position){
     x=position.coords.latitude;
     y=position.coords.longitude;
     $.ajax({  
        type: 'POST',
        url: 'index.php', 
        data: { lat: x },
        complete: function(text){getLocation();return text;}
     });
}

用ajax將變量從JS傳遞到PHP

問題描述

1 個解決方案

解決方案1
3 已采納 2013-10-23 14:21:16

用ajax將變量從JS傳遞到PHP

問題描述

1 個解決方案

解決方案1 3 已采納 2013-10-23 14:21:16

解決方案1
3 已采納 2013-10-23 14:21:16