Question

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

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

到目前为止，我的＆＃34; main.html＆＃34; 文件中包含以下代码：

        <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代码：＆＃34; Map_2.js＆＃34; 我想在ajax成功时执行。哪个初始化地图< em>＆＃34; map-canvas＆＃34; 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

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

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

1 个答案: