HTML页面调用JSP文件 [英] HTML page calls JSP file

问题描述

我的电脑上有一个HTML页面，远端服务器上有一个JSP文件。

现在我怎么做，

将内容从JSP文件显示到HTML页面。

HTML页面必须严格为HTML（无服务器端语言），但可以使用AJAX / JavaScript。

甚至可以通过JSP页面从服务器获取信息，而无需将HTML页面本身转换为JSP文件？

解决方案

 < script type =text / javascript SRC = JS / jquery.min.js >< /脚本> 
 //我在我的webapp的js目录下有jquery.js 
< script type =text / javascript> 
 var url =my.jsp; 
 $（函数（）{
 $ .ajax（{
 url：url，//传给你Servlet / JSP Url 
 dataType：'html'，
成功：function（response）{
 alert（'Success'）; 
 $（'＃output'）。html（response）; 
}，
 error：function（request， textStatus，errorThrown）{
 alert（request.status +'，Error：'+ request.statusText）; 
 //执行错误任务
} 
}）; 
}）; 
< / script> 
  

JSP

 <％@ page language =javacontentType =text / html; charset = ISO-8859-1
 pageEncoding =ISO-8859-1％> 
 <％
 
 out.println（< h1> Hello World< / h1>）; //在这里写html值
％> 
  

您的HTML

....
< div id =output>< / div>

I have a HTML page on my computer and a JSP file on a distant server.

Now how do I,

Display content from the JSP file into the HTML page.

The HTML page must be strictly HTML (no server-side language), but can use AJAX/JavaScript.

Is it even possible to get the information from the server through the JSP page without turning the HTML page into a JSP file itself? How would I implement it?

解决方案

<script type="text/javascript" src="js/jquery.min.js"></script> 
// I have jquery.js under js directory in my webapp
<script type="text/javascript">
  var url = "my.jsp";
  $(function(){
        $.ajax({
            url : url, // Pass you Servlet/ JSP Url
            dataType : 'html',
            success : function(response) {
                alert('Success');
                $('#output').html(response);
            },
            error : function(request, textStatus, errorThrown) {
                alert(request.status + ', Error: ' + request.statusText);
                           // perform tasks for error 
            }
        });
});
</script>

JSP

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%

out.println("<h1>Hello World</h1>"); // Write html values here
%>

Your HTML

.... <div id="output"></div>

这篇关于HTML页面调用JSP文件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！