我正在编写一个Java Web应用程序,其中在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 head标记中)。

由于某些原因,它无法执行loadMarkers()中的代码。 我在main.js中有loadmarkers(),如下所示:

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 票数:0

我设法使所有警报在这里工作

我必须在主体中包含ID为“ map-canvas”的div,并将loadMarkers()从main.js文件中移出。

===============>>#2 票数:0

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

  ask by ShivvyBee translate from so

未解决问题?本站智能推荐:

1回复

JavaScript中的jsp标记

我有两个类的对象,它们从jsp页面上的servlet返回。 这是我的具有Ports对象的Components类 这是我的Java脚本代码 <script> makeComponent("Menu", "image.png", "green", [mak
3回复

可以在JSP中包含javascript吗?

我是Web开发的新手,我想提供一个可行的答案: 基本上,我想开发一个web application 。 应用程序需要从数据库表中获取数据,并以graph显示数据。 对于该图,我发现了这个很棒的js解决方案epoch.js : 单击此处 如何在JSP应用程序中包含此js? 如
2回复

JSP文件中的JavaScript函数

我将我的javascript函数附加到了我的JSP文件中,但是,它不起作用。 我在chatPage.jsp中收到“ sendMessage()未定义”错误。 请检查我的代码,并告诉我我在哪里做错了。 在我的loginpage.jsp中,我将获取用户名和roomName,它将通过User
1回复

如何正确执行JSP代码以将HttpSession中的值检索到JavaScript函数中?

我正在使用基于HttpServlet的非常旧的旧版Java Web应用程序,尝试将JSP代码运行到JavaScript函数中时遇到以下问题。 因此,在JSP页面中,我发现了这个JavaScript函数,该函数给我带来了一些问题: 这很简单: 它被宣布为** ** my_pkc
6回复

如何使用JavaScript在另一个jsp中包含一个jsp

我有一个按钮注销。 单击注销后,我需要显示另一个页面。 如何使用JavaScript执行此操作? 谁能帮帮我吗? 我的代码: 我尝试了这个:
1回复

内联Java导致javascript无法执行

我有一些JavaScript 它工作得很好(发出警告消息说鲍勃)。 很好,但我真正想要的是将java变量传递给javascript变量,然后将其打印出来。 但是当我把这些线放进去... 它退出了。 在此之前的任何JavaScript都可以正常工作。 但之后的所有JavaS
1回复

为JSP中的标记onclick函数提供多个参数

我使用标签onclick函数删除特定文档。 我用三个参数调用该函数。 但我的正则表达式不包括具体案例。 一般来说,它的工作原理就像“测试”一样。 但有些情况不起作用。 喜欢这种情况=>“圣约翰” 这是预期的关键值例子 如果onclick函数调用成功
3回复

在JSP文件中包含JavaScript库

我正在尝试使用JSP文件中JavaScript库中的JavaScript函数在Web浏览器页面上显示结果,但似乎包含的内容无效。 我实际上将与该库相对应的.js文件放在WEB-INF文件夹中,并在JSP文件中添加了以下行以将其包括在其中: <script type=
1回复

在动态添加的jsp页面中包含javascript

我正在创建一个j2ee应用程序,我有header.jsp,footer.jsp和一个result.jsp,这是我进行一些计算并显示结果的主页。 我正在使用ajax在result.jsp页面的div区域中包含页面calculate.jsp的内容。 compute.jsp页面正在使用js库中的一
3回复

在jsp页面中包含外部Java脚本文件

我有一个名为pageing.js的外部JavaScript文件。 以下是文件的内容: 现在,我尝试从jsp页面调用init,例如。 我在完成我的jsp页面中的正文部分之前放置的这段代码。 为了包括这个页面,我把 但是我无法调用init方法。 有没有人可以帮助我发