在 AJAX 成功响应中执行 Javascript 代码（在单独的文件中）？答案

【问题标题】：Execute Javascript code(in a seperate file), within an AJAX success response?在 AJAX 成功响应中执行 Javascript 代码（在单独的文件中）？
【发布时间】：2015-05-23 00:19:12
【问题描述】：

我正在尝试执行一个 Javascript 文件（它将 Google Maps API 放在一个 div 上） **当 AJAX 成功响应发生时。

我的 AJAX 成功显示了一些 JSON 值，但我想在相同的成功响应中执行 Javascript 文件。

到目前为止，我的 "main.html" 文件中有以下代码：

        <form id="display" method="post" action="PHP_Function_2.php">

        <input type="submit" class="learnButton" name="insert" value="Display Location Evidence On Map" />

    </form>

        <script>
        $(function(){
          $("#display").submit(function(event) {
            event.preventDefault();

              $.ajax({
                     type: "POST",
                     url: $(this).attr('action'),
                     data: $(this).serialize(),
                     dataType: 'json',
                     success: function(data)
                     {                 
                        //display data...
                        //("#results").html(data.name).show; 
                        $("#results").empty();

                        console.log(data);

                        $("#map-canvas").empty();

                        $("#results").append(data); 

                        $(document).on("ready",function()
                        {
                                $.getScript( "Map_2.js" );              
                        }

                   });                
          });
        });

        </script>

以及以下 Javascript 代码："Map_2.js" 我想在 ajax 成功时执行。 它在 "地图上初始化地图-canvas" div:

function initialize() {



var mapOptions = {
    zoom: 7,
    center: myLatlng
}
var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);  
}

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

我一直在尝试使用 getScript() 函数，但遇到了麻烦。有点 HTML 和 Jquery 的初学者。

对此的任何帮助将不胜感激。

【问题讨论】：

“我想执行 Javascript 文件”是什么意思？哪个文件？
请详细说明您遇到的问题。您描述的问题越好，我们就越容易为您提供帮助，更重要的是，其他读者越容易将他们的问题识别为您的问题。此外，粗体和斜体的文本格式选项用于强调部分文本。如果一切都是大胆的，它会破坏它的目的。
道歉。当 AJAX 成功响应返回时，我想执行外部 Javascript 文件中的所有代码（将地图放在“main.html”页面上）我将编辑问题

标签： javascript jquery html ajax google-maps-api-3

【解决方案1】：

在 main.html 文件中包含 map2.js 文件。
在ajax调用成功时调用initialize函数。

【讨论】：