javascript - 在 AJAX 成功响应中执行 Javascript 代码(在单独的文件中)？

Question

我正在尝试执行 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 成功时执行。它会初始化“ map 上的 map -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 的初学者。

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

Answer 1

1. 将 map2.js 文件包含在 main.html 文件中。
2. ajax调用成功后调用初始化函数。