javascript - Ajax 请求未重定向到 URL

Question

我一直在处理文档中的其他 ajax 请求，但没有遇到任何问题。我想找到用户加载文档时的坐标，然后将此数据传递给其他方法来计算距离。

我创建了一个在 index.php 加载时调用的 JavaScript 文档。这是函数:

function getCurrentLocation(username) {
var latitude = "";
var longitude = "";

if (navigator.geolocation) {
 navigator.geolocation.getCurrentPosition(function(position) {
  var pos = {
    lat: position.coords.latitude,
    lng: position.coords.longitude
  };

  latitude = position.coords.latitude;
  longitude = position.coords.longitude;

  console.log(latitude);
  console.log(longitude);

  sendCoords(latitude, longitude, username);

});
}

}

function sendCoords(lat, long, username){

$.ajax({
type: "POST",
url: "includes/handlers/ajax_update_loc.php",
data: "lat=" + lat + "&long=" + long + "&username=" + username,

success: function() {
  console.log("UPDATE LOCATION");

}
});
}

我添加了一系列日志来跟踪逻辑，并且它按预期顺序工作。 url 文件中的日志ajax_update_loc.php 未被调用。

这是 ajax_update_loc.php` 文件:

<?php

include("../../config/config.php");
include("../classes/User.php");

$currentLoc = new User($con, $_REQUEST['username']);
$currentLoc->updateLocation($_REQUEST);

?>

<script>

console.log("OP")
</script>

<?php

?>

任何帮助将不胜感激!干杯!

Answer 1

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
function getCurrentLocation(username) {
var latitude = "";
var longitude = "";

if (navigator.geolocation) {
 navigator.geolocation.getCurrentPosition(function(position) {
  var pos = {
    lat: position.coords.latitude,
    lng: position.coords.longitude
  };

 var latitude = position.coords.latitude;
 var longitude = position.coords.longitude;

  console.log(latitude);
  console.log(longitude);

  

});
}

}

function sendCoords(){

$.post("includes/handlers/ajax_update_loc.php",{latitude:latitude, longitude:longitude, username:username},function(data) {
      console.log(data);
      
   });

</script>

在这里，您可以在更新文件中使用ajax发送参数，然后您可以使用它们来更新位置