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

Execute Javascript code(in a seperate file), within an AJAX success response?

本文关键字:单独 文件 Javascript AJAX 成功 响应 执行 代码      更新时间:2023-09-26

当AJAX成功响应发生时,我正在尝试执行Javascript文件(将Google Maps API放在div上)**。

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成功的情况下执行初始化"地图画布"上的地图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有点初学者。

如有任何帮助,我们将不胜感激。

  1. 在main.html文件中包含map2.js文件
  2. 在ajax调用成功的情况下调用initialize函数
相关文章: