javascript - 回调函数被调用两次

标签 javascript jquery json

所以我对 Javascript 比较陌生,并且在检索 JSON 数据时遇到问题,它被调用了两次。具体来说, getData 函数获取 JSON 数据,然后检索 JSON 对象并执行plotMarkers 函数(我正在使用 Google Maps API)。在检查控制台时,回调函数运行两次,这意味着列表项被追加两次。我该如何解决这个问题?

具体代码段:

    function initialize() {
        geocoder = new google.maps.Geocoder();

        var myOptions = {
            zoom: 10,
            center: new google.maps.LatLng(-37.811748, 144.962886),
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

        getData();
    }

    function getData() {
        jQuery.ajax({
            url: 'https://dl.dropboxusercontent.com/u/9546194/gigs.json',
            dataType: 'json',
            success: function(results) {
                plotMarkers(results.gigs);
            }
        });
    }

Full code link

任何帮助将不胜感激!

最佳答案

摆脱onload="initialize()"body .

两者google.maps.event.addDomListener(window, 'load', initialize);<body onload="initialize()"正在调用initialize .

关于javascript - 回调函数被调用两次,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23101810/

相关文章:

javascript - Nightwatch.js 错误 : "Cannot read propery ' equal' of undefined

javascript - Rails - document.ready 无法在特定 JavaScript 文件中工作

javascript - 无法阻止 mac 上最新 Chrome 版本 (59) 中的导航手势

javascript - 使用 Node.js 在 JSON 文件中写入/添加数据

从 JSON 导出插入时出现 php Mongodb "$oid is not valid for storage"错误

javascript - 查找未在任何文件中定义的 html 标签的属性值

javascript - 如何将较少的变量更改推送到 html iframe?

php - 即使操作成功后,加载程序仍保持加载状态

javascript - 使用 jQuery 更改组中单选按钮的值属性

javascript - 本地 JSON 文件更新