我正在尝试对用户提交的地址进行地理编码并将其存储到数据库中。该表单调用一个 php 文件，其中 javascript 检索地址并对其进行地理编码。然后将 lat 和 lng 值传递给 php 并存储在数据库中，但是数据库中的唯一值是零。
HTML 文件:
<html>
<body>
<form action="registerEvent.php" id="form" method="post">
<input id="address" name="address" placeholder="Adrese" type="text">
<button type="submit" id="submit">Send</button>
</form>
</body>
</html>
注册事件.php:
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&signed_in=true"></script>
<script>
var geocoder;
var inputLat;
var inputLng;
function codeAddress() {
geocoder = new google.maps.Geocoder();
var address = document.getElementById('address').value;
geocoder.geocode( { 'address': address}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
var inputLat = event.latLng.lat();
var inputLng = event.latLng.lng();
} else {
alert('Geocode was not successful for the following reason: ' + status);
}
});
}
function passvariable() {
window.location.href = "registerEvent.php?lat=" + inputLat;
window.location.href = "registerEvent.php?lng=" + inputLng;
}
codeAddress();
passvariable();
</script>
<?php
require("dbinfo.php");
$connection=mysqli_connect ('localhost', $username, $password);
if (!$connection) {
die('Not connected : ' . mysql_error());
}
$db_selected = mysqli_select_db($connection, $database);
if (!$db_selected) {
die ('Can\'t use db : ' . mysql_error());
}
$lat =$_GET['inputLat'];
$lng =$_GET['inputLng'];
$sql = "INSERT INTO sometable (lat, lng)
VALUES ('$lat', '$lng')";
if (!mysqli_query($connection,$sql)) {
die('Error: ' . mysqli_error($connection));
};
mysqli_close($connection);
?>
最佳答案
您正在调用 window.location.href 两次，PHP 部分中的变量似乎不正确($_GET['inputLat'] 而不是 lat 和 $_GET['inputLong'] 而不是 lon)
如果HTML文件是一个单独的文件，那么你需要用不同的方式获取地址: 替换
var address = document.getElementById('address').value;
与
var address = "<?php echo $_POST['address']; ?>"
JS 函数应该看起来更像这样
<script src="https://maps.googleapis.com/maps/api/jsv=3.exp&signed_in=true">
</script>
<script>
var geocoder;
var inputLat;
var inputLng;
function codeAddress() {
geocoder = new google.maps.Geocoder();
var address = document.getElementById('address').value;
geocoder.geocode( { 'address': address}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
var inputLat = event.latLng.lat();
var inputLng = event.latLng.lng();
window.location.href = "registerEvent.php?lat=" + inputLat + "&lng=" + inputLng;
} else {
alert('Geocode was not successful for the following reason: ' + status);
}
});
}
codeAddress();
</script>
PHP 部分:
// ...
$lat =$_GET['lat'];
$lng =$_GET['lng'];
if (!empty($lat) && !empty($lng)) {
$sql = "INSERT INTO sometable (lat, lng) VALUES ('$lat', '$lng')";
if (!mysqli_query($connection,$sql)) {
die('Error: ' . mysqli_error($connection));
};
}
mysqli_close($connection);
如果所有内容都在同一个文件中，则表单按钮应更改为如下所示:
<button type="button" id="submit" onclick="codeAddress()">Send</button>
关于javascript - 将变量从 html 传递到 javascript 再到 php，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/29493062/