java JSP无法执行脚本标记中包含的javascript函数
我正在编写一个JavaWeb应用程序,其中jsp文件中有以下head标记
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta charset="utf-8">
<title>EECE 417 Exercise 3</title>
<link type="text/css" rel="stylesheet" href="/stylesheets/main.css" />
<script type="text/javascript" src="/javascripts/main.js"></script>
<script type="text/javascript"
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAxfoydM9lSVCJi-vhMZJ_Q3eawPjIsuLw&sensor=true">
</script>
<script type="text/javascript">
function initialize() {
var myLatlng = new google.maps.LatLng(37.33152141760375,-122.04732071026367);
var mapOptions = {
center: myLatlng,
zoom: 12
};
map = new google.maps.Map(document.getElementById("map-canvas"),
mapOptions);
var mrkID = "0";
var gstBkNm = "Guestbook_" + mrkID; //guestbookNameString; //"default";
var msgbox = "msgbox_" + mrkID;
var msglist = "msglist_" + mrkID;
var contentString = '#' + mrkID + '<div id="content">' +
'<div class="msglist" id="'+ msglist +'"></div>' + '</div>' +
'<textarea id="'+ msgbox +'" rows="2" cols="20"></textarea>' +
'<input type="button" value="Post" onclick="postAjaxRequest('+
"'" + msgbox + "', '" + mrkID + "', '" + gstBkNm + "', '" + msglist + "'" +')"/>';
var infowindow = new google.maps.InfoWindow({
content: contentString
});
var iconBase = 'https://maps.google.com/mapfiles/kml/shapes/';
var icons = {
parking: {
icon: iconBase + 'parking_lot_maps.png'
},
library: {
icon: iconBase + 'library_maps.png'
},
info: {
icon: iconBase + 'info-i_maps.png'
}
};
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
icon: icons['parking'].icon,
animation: google.maps.Animation.DROP,
title: 'Custom Marker!'
});
google.maps.event.addListener(marker, 'click', function() {
map.setZoom(13);
guestbookNameString = gstBkNm;
selectedMarkerID = mrkID;
infowindow.open(map, marker);
getAjaxRequest();
});
// Load the selected markers
alert("initialize");
loadMarkers();
alert("initialize1");
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
在脚本中调用loadMarkers()函数的代码中有两个警报。此loadMarkers()存在于包含的src文件中(在main.js中的jsp头标记中)
由于某些原因,它无法在loadMarkers()中执行代码。我主要有loadmarkers()。js如下:
function loadMarkers() {
alert("loadMarkers");
try {
xmlHttpReq = new XMLHttpRequest();
xmlHttpReq.onreadystatechange = httpCallBackFunction_loadMarkers;
var url = "/resources/markers.xml";
xmlHttpReq.open('GET', url, true);
xmlHttpReq.send(null);
} catch (e) {
alert("Error: " + e);
}
}
应用程序似乎运行良好,我以前没有遇到过这个问题。还值得注意的是,getAjaxRequest()也在main中。js文件,似乎不起作用,因为我在该函数开始时设置了一个警报,但它没有显示在我的浏览器中。如果我能获得一些关于如何解决这个问题的见解,那将是非常有益的。谢谢
# 1 楼答案
我设法让所有的警报都起作用了here
我必须在主体中包含一个id为“map canvas”的div,并将
loadMarkers()
移出主体。js文件# 2 楼答案
问题似乎是由javascript中Ajax请求函数的计算引起的。这似乎很奇怪,但在将计算从函数中移出后,标记似乎加载正确。浏览器中没有显示警报仍然很奇怪