用我的字符串内容打开一个简单的弹出窗口

open a simple pop up window with my string contents

本文关键字:简单 一个 窗口 字符串 我的      更新时间:2023-09-26

我使用jquery getJSON方法从java servlet中获取两个字符串。一个字符串包含数据类型,如简单字符串、XML和HTML,另一个字符串包含数据。我需要根据内容打开一个大小不同的弹出窗口。

用于获取字符串的代码下面。

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>AJAX calls using Jquery in Servlet</title>
 <script src="http://code.jquery.com/jquery-latest.js"> </script>
 <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
 <script src="https://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>       
        <script> 
            $(document).ready(function() {                        
                $('#submit').click(function(event) {  
                    var applid=$('#applicationid').val();
                    var applname=$('#appname').val();
                 $.getJSON('ActionServlet',
                         {
                     appid:applid,
                     appname:applname
                     },function(data) { 
                        var errortype = data.errortype;
                        var errorMsg = data.errorMsg;                            
                     }); 
                }); 
            });
        </script>
</head>
<body>
    <form id="form1">
<h1>AJAX Demo using Jquery in JSP and Servlet</h1>
Enter your Name:
<input type="text" id="applicationid"/>
<input type="text" id="appname"/>
<input type="button" id="submit" value="Ajax Submit"/>
<br/>
<div id="hello" title="Hello  World!"></div> 
</form>
</body>
</html>

您可以使用fancybox。它提供了打开传入的html字符串的选项

打开一个新窗口可以使用window.open()函数。

要将XML显示为原始文本,需要转义特殊字符。Javascript没有相应的内置函数(如php中的htmlentities())。

你可以试试下面的代码:

function htmlentities(str)
{
    return String(str).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
}