javascript - HTML页面调用JSP文件

Question

我的计算机上有一个 HTML 页面，远程服务器上有一个 JSP 文件。

现在我该怎么做，

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

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

是否甚至可以通过 JSP 页面从服务器获取信息，而无需将 HTML 页面转换为 JSP 文件本身？我将如何实施它？

Answer 1

<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
%>

你的 HTML

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

Answer 2

使用 Ajax：

function ClickMe_Click()
{
    $.ajax({
        type:       "post",
        url:        "path/your.jsp",
        data:       {"param":"val"},
        success:    function(msg) {
                            alert(msg.data);//your info from jsp
            },
            error:function (xhr, ajaxOptions, thrownError){
                alert(thrownError);
            }  
    });

}