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

Question

I am trying to execute a Javascript file (which puts the Google Maps API on a div) **when the AJAX success response occurs.

I have the AJAX success displaying some JSON values, but I would like to execute the Javascript file within the same success response.

I have the following code so far in my "main.html" file:

        <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>

And the following Javascript code in: "Map_2.js" that I would like to execute on ajax success. Which initializes the map on "the 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);

I have been trying to use the getScript() function, but I am having trouble with it. Bit of a beginner with HTML and Jquery.

Any help on this would be much appreciated.

Answer 1

1. Include the map2.js file in your main.html file.
2. Call the initialize function in the success of the ajax call.