2015-06-07 2 views
-1

Я использовал метод jquery getJSON для получения двух строк из Java-сервлета. одна строка содержит тип данных, таких как простая строка, 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> 
+1

Это не очень понятно, что вы пытаетесь сделать. В общем, у вас есть функции 'window.open()' и 'window.alert()' для открытия разных всплывающих окон. –

+0

да .. Я включил window.open с document.write (errorMsg), и он просто прост в строке и содержимом HTML без каких-либо проблем, но переменная содержит XML, весь XML не отображается во всплывающем окне. есть ли способ включить данные XML в тело всплывающего окна. – Mohan

+0

Хотите ли вы видеть XML с тегами вместо его разбора? В этом случае вам нужно 'escape()' ваш XML. –

ответ

0

Вы можете использовать fancybox. Он дает варианты для открытия переданной строки html check here

0

Чтобы открыть новое окно, вы можете использовать функцию window.open().

Чтобы отобразить XML как необработанный текст, вам необходимо избежать специальных символов. Javascript не имеет встроенной функции для него (например, htmlentities() в php).

Вы можете попробовать следующий код:

function htmlentities(str) 
{ 
    return String(str).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;'); 
} 
Смежные вопросы