Использование пользовательских тегов и JSP с функциональностью AJAX - PullRequest
1 голос
/ 16 января 2012

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

следующим образом

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 и используя пользовательские теги для бизнес-логики и отображения цели

Спасибо

1 Ответ

1 голос
/ 16 января 2012

1.Добавить библиотеку javascrip Index.jsp для использования ajax, например, jquery

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

2. Вызов ajax при отправке

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

3.Result.jsp mustбыть как

<%@ page contentType="application/json"  %>  
<%@ taglib uri="/WEB-INF/tlds/Whois" prefix="j"  %>  
<j:RestrictedDomainName></j:RestrictedDomainName>
...