如何将 div id 值传递给 PHP 变量？

Question

我正在使用自动填写表格来查找城市名称的“lat”和“lng”，而且效果很好。我在 div id="lat" 和 div id="lng" 中得到了正确的值，但我想在 php 变量中使用这些值作为 $latitude="lat" 和 $longitude="lng" 以在 php 脚本中使用它们需要 $latitude 和 $longitude 吗？ 我一直在尝试这里介绍的许多解决方案，但我的知识太短，无法使其发挥作用。 脚本是：

 <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&key=MY_KEY&libraries=places">
 </script>

 <script>
 function initialize() {
    var address = (document.getElementById('city-input'));
    var autocomplete = new google.maps.places.Autocomplete(address);
    autocomplete.setTypes(['geocode']);
    google.maps.event.addListener(autocomplete, 'place_changed', function() 
 {
        var place = autocomplete.getPlace();
        if (!place.geometry) {
            return;
        }

    var address = '';
    if (place.address_components) {
        address = [
            (place.address_components[1] && place.address_components[1].short_name || ''),
            (place.address_components[2] && place.address_components[2].short_name || '')
            ].join(' ');
    }
    document.getElementById('lat').innerHTML = place.geometry.location.lat();
    document.getElementById('lng').innerHTML = place.geometry.location.lng();
    });
    }

    google.maps.event.addDomListener(window, 'load', initialize);

   </script>

   <input id="city-input" class="controls" type="text"
    placeholder="Enter a location">
   <div id="lat"></div>
   <div id="lng"></div>

---

对于 php 部分，我正在尝试这个，但没有任何结果

   <?php 
    $latitude = (isset($_GET['lat']))?$_GET['lat']:'';
    $longitude = (isset($_GET['lng']))?$_GET['lng']:'';   
    echo $latitude;
    echo $longitude;
    ?>

有什么方法可以做我想做的事吗？ （使用从 googleapis 正确获取的值获取 $latitude 和 $longitude？） 非常感谢您的宝贵帮助:-)

Answer 1

很抱歉将 vanialla JS 与 jquery 混淆。但我正在尽力提供帮助。

你可以使用 ajax 获取 lat 值和 long 值并将其传递给 ajax 数据。让我们称之为 latjs 和 lonjs

$.ajax({
            type: "POST",
            url: "lat_lon.php",
            data: "lat="+latjs+"&lon="+lonjs,
            success: function (html) {

                if (html === 'true') {

在php端，这样捕获：

$data = file_get_contents('php://input');

if($data != null) { parse_str($data, $output);

$output_lan = $output['lat'];

$output_lon = $output['lon'];

等等等等过程 }

Answer 2

最后2个赋值代码错误：

document.getElementById('lat').innerHTML = place.geometry.location.lat();
document.getElementById('long').innerHTML = place.geometry.location.lng();

以上应该是

$("#lat").html(place.geometry.location.lat());
$("#long").html(place.geometry.location.lng());

代码不是 100% 工作的，但应该在上面的行中。无需使用 get elementbyID 之类的。

希望这会有所帮助 VNay KR