如何按顺序运行JavaScript代码？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了如何按顺序运行JavaScript代码？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1272字，纯文字阅读大概需要2分钟。

内容图文

我有一个JavaScript问题,我需要一个函数在运行另一个函数之前运行并完成.

这是我需要首先运行和完成的代码.如您所见,我循环遍历表单中的所有地址输入字段,并通过Google Maps API对其进行地理编码.

  $('#form input:text.address').each(function() {
    var address = $(this);
    var Geocoder = new google.maps.Geocoder();

    Geocoder.geocode({ 'address': address.val() }, function(results, status) {
      // Store the results in a hidden input field.
    });
  });

完全完成后 – 也就是说,在Google Maps API的所有回复都已返回后 – 我需要提交表单.这是我使用的当前ajax提交代码：

  $('#form').ajaxForm(
    {
      success:
        function() {
          ...
        }
    }
  );

我遇到的问题是表单是在Google Maps API响应之前提交的. ajaxForm()方法允许使用beforeSubmit回调函数,但仍然不等待函数完成.我意识到这是因为JavaScript是异步的,但我不确定如何解决这个特殊问题.

任何帮助表示赞赏！谢谢！

解决方法:

从Geocoder.geocode的成功处理程序调用表单提交.由于您有多次调用同一个函数,因此请设置一个指示符以指示上次调用的完成时间,然后提交表单.

这是一种方式……

var count = $('#form input:text.address').size();
$('#form input:text.address').each(function() {
    var address = $(this);
    var Geocoder = new google.maps.Geocoder();

    Geocoder.geocode({ 'address': address.val() }, function(results, status) {
      // Store the results in a hidden input field.
      count--;
      if (count === 0) {
          //submit form here!
      }
    });
  });

内容总结

以上是互联网集市为您收集整理的如何按顺序运行JavaScript代码？全部内容，希望文章能够帮你解决如何按顺序运行JavaScript代码？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端