2012-01-16 2 views
1

Я занимаюсь разработкой простой веб-приложение, в котором веб-страницы принимать значения от пользователя через текстовое поле и передает его в пользовательский тег, который обрабатывать, что входной строки и печатает выходногоИспользование пользовательских тегов и JSP с функциональностью AJAX

код выглядит следующим образом

index.jsp

<body> 
    <form action="Result.jsp" > 
     <table align="center"> 
      <tr> 
       <td colspan=2 align="center"><h1>Restricted Domain Names</h1></td> 
      </tr> 
      <tr> 
       <td align="right">Enter Domain:</td> 
       <td><input type="text" name="txtdomainname"></td> 
      </tr> 
      <tr> 
       <td colspan=2 align="center"><input type="submit" name="Submit" value="Check4Sensitivity??"></td> 
      </tr> 
     </table> 
    </form> 

</body> 

Result.jsp

<%@ taglib uri="/WEB-INF/tlds/Whois" prefix="j" %> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<title>Restricted Domain Names</title> 
</head> 
<body> 
    <table align="center"> 
    <tr> 
    <td style="color: red;"> 
    ***<j:RestrictedDomainName></j:RestrictedDomainName>*** 
    </td> 
    </tr> 
    </table> 
</body> 
</html> 

он отлично работает. но я хочу, чтобы отобразить форму и вывода на той же странице, используя Ajax, как я могу сделать это с помощью Ajax на странице JSP и с использованием пользовательских тегов для бизнес-логики и отображаются ЦЕЛЕЙ

Благодарности

+0

Есть много учебников AJAX. Я предлагаю вам начать их просматривать. – Apurv

ответ

1

1.Add Индекс. библиотека JSP JavaScrip использовать Ajax, например, JQuery

<script type="text/javascript" src="jquery.js"></script> 

2.Call Аякса на отправить

function onFormSubmit() { 
$.ajax({ 
    url: 'Result.jsp', 
    dataType : "json", 
    success: function (data, textStatus) { 
     $('#somefield').val(data); 
    } 
}); 

3.Result.jsp должно быть как

<%@ page contentType="application/json" %> 
<%@ taglib uri="/WEB-INF/tlds/Whois" prefix="j" %> 
<j:RestrictedDomainName></j:RestrictedDomainName> 
Смежные вопросы