window.location.href无法正常工作

mhmd 发表于 Dev

我在javascript上使用此脚本来更改位置并在url中获取一些变量，但是window.location.href无法正常工作，我无法重定向到另一页

在进行一些搜索时，我发现需要将return设置为false；

我把它放了，但是我没有任何结果

R：没有错误消息出现

怎么解决呢？

function getPosition() {
  if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(successPosition);
  } else {
    document.getElementById("result").innerHTML = "Your browser does not support geo location api"
  }

  function successPosition(position) {
    var lat = position.coords.latitude;
    var long = position.coords.longitude;
    document.getElementById("result").innerHTML = "Latitude:" + lat + "<br/>Longitude:" + long
    window.location.href = "facee.php?lat=" + lat + "&long=" + long;
  }
  return false;
}

<form method="POST" action="" enctype="multipart/form-data" onsubmit="return getPosition();">
  <input type="file" name="image" accept="image/*" capture="camera" class="filestyle" data-buttonBefore="true" data-iconName="glyphicon glyphicon-camera" data-buttonText="Take apicture." />
  </div>
  <div class="col-md-12"></div>
  <div class="col-md-4">
    <input type="submit" name="Add" value="Add" class="btn btn-success">
</form>

普伦贡

阅读您的评论后，我想您要这个

function successPosition(position) {
  var lat = position.coords.latitude,
    long = position.coords.longitude,
    form = document.getElementById("myForm");
  document.getElementById("result").innerHTML = "Submitting Latitude:" + lat + "<br/>Longitude:" + long;
  form.lat.value = lat;
  form.long.value = long;
  form.submit(); // HERE we submit
};

function getPosition() {
  if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(successPosition);
  } else {
    document.getElementById("result").innerHTML = "Your browser does not support geo location api ";
  }
  return false; // always block submission
}

使用

<form id="myForm" method="POST" action="facee.php" 
enctype="multipart/form-data" onsubmit="return getPosition();">
  <input type="hidden" name="lat" value="" />
  <input type="hidden" name="long" value="" />
  <input type="file" name="image" accept="image/*" capture="camera" class="filestyle" data-buttonBefore="true" data-iconName="glyphicon glyphicon-camera" data-buttonText="Take apicture." />
  </div>
  <div class="col-md-12"></div>
  <div class="col-md-4">
    <input type="submit" name="Add" value="Add" class="btn btn-success">
</form>
<span id="result"></span>

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。