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

时间:2015-06-07 12:11:18

标签: javascript jquery

我使用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>

2 个答案:

答案 0 :(得分:0)

您可以使用fancybox。它提供了打开传递的html字符串check here

的选项

答案 1 :(得分:0)

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

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

您可以尝试以下代码:

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