如何将 submit() 事件延迟到 Geocoder 完成后？

Question

我正在开发 Google 地图/Google 电子表格混搭。

此时我正在开发一个 javascript/jquery 位，它允许用户填写表单，然后将该表单提交到 Google 电子表格。

当用户点击“提交”时，脚本会快速将用户的街道地址发送到 Google 的 Geocoder，它会返回等效的 lat 和 lng。

我遇到的问题是表单信息在我的 Geocoder 例程完成之前提交到 Google 电子表格。我不知道如何修改 .submit() 事件以防止它在获得 lat 和 lng 之后才提交。

在我的 jQuery 就绪处理程序中，我有这个：

    $("#ss-form").submit(function(event) {
        var street    = $('#entry_1').val();
        var citystate = $('#entry_2').val();
        var country   = $('#entry_3').val();
        findAddress(street,citystate,country);              
    });

它正在调用这个函数：

function findAddress(street, citystate, country) {
    var myAddress = [
        street,
        citystate.toLowerCase(),
        country.toLowerCase()
    ].join(', ');

    geocoder.geocode(
        {address: myAddress}, 
        function(result,status) {
            var myLat = result[0].geometry.location.lat();
            var myLng = result[0].geometry.location.lng();
            $('#entry_5').val(myLat);
            $('#entry_6').val(myLng);
            console.log(myLat+','+myLng);
        }
    );
}

相关的 HTML 是一个包含六个输入（#entry_0 到 #entry_6）的简单表单。

所以我要做的是获取 Lat 和 Lng，然后将它们作为值放入 HTML 表单中，然后让表单提交。如何让提交延迟到 findAddress 函数完成后？

Answer 1

$("#ss-form").submit(function(event) {
        event.preventDefault(); //prevent the submit
        var street    = $('#entry_1').val();
        var citystate = $('#entry_2').val();
        var country   = $('#entry_3').val();
        findAddress(street,citystate,country,$(this));        

    });

在函数中提交表单

function findAddress(street, citystate, country, form ) {
    var myAddress = [
        street,
        citystate.toLowerCase(),
        country.toLowerCase()
    ].join(', ');

    geocoder.geocode(
        {address: myAddress}, 
        function(result,status) {
            var myLat = result[0].geometry.location.lat();
            var myLng = result[0].geometry.location.lng();
            $('#entry_5').val(myLat);
            $('#entry_6').val(myLng);
            console.log(myLat+','+myLng);

            form[0].submit(); //submit the form here  
        }
    );

}

Answer 2

你可以试试这个

$("#ss-form").submit(function(event) {
     if(!$(this).data("geocodeset")){
        findAddress();              
        return false;
     }
});

function findAddress() {
    var $form = $("#ss-form");
    var street    = $('#entry_1').val();
    var citystate = $('#entry_2').val();
    var country   = $('#entry_3').val();

    var myAddress = [
        street,
        citystate.toLowerCase(),
        country.toLowerCase()
    ].join(', ');

    geocoder.geocode(
        {address: myAddress}, 
        function(result,status) {
            var myLat = result[0].geometry.location.lat();
            var myLng = result[0].geometry.location.lng();
            $('#entry_5').val(myLat);
            $('#entry_6').val(myLng);
            console.log(myLat+','+myLng);

            $form.data("geocodeset", true).submit(); 
        }
    );

}