JSP无法执行脚本标记中包含的javascript函数_Java_Javascript_Jsp

JSP无法执行脚本标记中包含的javascript函数

java javascript jsp

JSP无法执行脚本标记中包含的javascript函数,java,javascript,jsp,Java,Javascript,Jsp,我正在编写一个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="styleshee

我正在编写一个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>

应用程序似乎运行良好，我以前没有遇到过这个问题。还值得注意的是，getAjaxRequest也在main.js文件中，并且似乎不起作用，因为我在该函数的开头设置了一个警报，但它不会显示在我的浏览器中。如果我能获得一些关于如何解决这个问题的见解，那将是非常有益的。谢谢。

我设法让所有警报都能正常工作

我必须在主体中包含一个带有id map canvas的div，并将loadmarker从main.js文件中移出。

问题似乎是由javascript中的Ajax请求函数计算引起的。这似乎很奇怪，但在将计算从函数中移出后，标记似乎加载正确。浏览器中没有显示警报仍然很奇怪。

控制台中没有js错误吗？@roshiro没有，据我所知javascript中没有错误。我还可以在浏览器中看到alertloadMarkers，但在我运行应用程序时它不会显示它。谢谢您的努力！问题似乎出在javascript中一个时间关键函数的计算中，该函数导致标记不显示。感谢您的尝试！：

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); 
    }    
}