在AJAX成功响应中执行Javascript代码(在单独的文件中)
Execute Javascript code(in a seperate file), within an AJAX success response?
当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有点初学者。
如有任何帮助,我们将不胜感激。
- 在main.html文件中包含map2.js文件
- 在ajax调用成功的情况下调用initialize函数
相关文章:
- 将路由器配置放在Aurelia中的一个单独文件中
- 将另一个文件中的对象添加到单独文件中的阵列中
- 如何使用ngModel将自定义控件的提供程序扩展器分离到Angular 2中的单独文件中
- 我在哪里可以获得印度的.geojson文件,而不是每个州/地区的单独文件或任何其他区别
- 在单独文件夹/位置中的.js文件之间共享变量
- 在带有 html 的单独文件中实现 jQuery
- 如何制作d3.js饼图的单独文件并将其加载到html页面
- 使用在带有gulp和babel的单独文件中定义的ES6函数
- 单独文件中的Express中间件(multer)
- Node Express.js从单独文件中声明的路由访问变量
- 如何在react中将单独文件中的组件链接在一起
- 在angular js中的一个单独文件中定义应用程序
- 放置应用程序,控制器&单独文件中的服务
- Javascript连接文件的运行速度比单独文件慢
- 如何调用保存在单独文件中的javascript ?
- Ionic中单独文件中的控制器,包括order
- Gulp模块,可以提取