单击链接时如何将另一个JSP页面注入？

我在JSP页面中有两个不同的部门。 一个包含链接菜单，单击时div2（id-content）相应地加载不同的页面。 我正在做的事情 –

 
 
Login  

在脚本中我有一些东西 –

  function changeContent() { document.getElementById('content').load('https://stackoverflow.com/questions/12335547/how-do-i-inject-another-jsp-page-into-a-div-when-clicking-a-link/Login.jsp'); }  

我也尝试过 –

 document.getElementById('content').innerHTML= ""; 

没有一种方法可行。 请建议我该怎么做

Answer 1

试试jquery ..

 function changeContent() { $('#content').load('Login.jsp'); } 

Answer 2

解决方案是使用Ajax，它将异步检索可以使用innerHTML方法粘贴的页面内容。 请参阅我对Ajax调用如何工作的类似问题的回答以及一些介绍性链接。

至于为什么你的答案中的例子不起作用，在第一种情况下，Element对象上没有load（）方法（除非你自己定义了一个并且没有显示它）。 在第二个例子中，正如其中一个问题评论所说，可能是javascript中出现语法错误的原因。

作为一个FYI，当网页中的某些javascript中存在语法错误时，将解析当前正在解析的表达式以及

Answer 3

我们使用jquery。 向锚元素添加单击事件处理程序。 在点击处理程序中调用$('#content').load(your_url); 。 您可能希望使用load(url, function() { ...})版本。 更多信息，请访问http://api.jquery.com/load/

Answer 4

您的初始页面是从服务器下来的。 它由浏览器显示。 当您单击浏览器中的链接（或按钮）时，您希望使用新HTML填充第二个div。 对于AJAX请求，这是一个完美的工作。 浏览器中的AJAX对象是将POST（或其他）字符串发送到服务器。 然后Ajax对象从服务器接收HTML响应。 然后，您可以在任何地方显示AJAX对象包含的响应数据。