用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