繁体   English   中英

如何将数据从一个jsp发送到另一个jsp并使用ajax显示数据

[英]How to send data from one jsp to another jsp and display data using ajax

我对ajax和jquery非常陌生。 使用jsp和ajax发送数据时出现问题。

我知道如何使用ajax在同一页面中显示结果(在这里使用表格)。

现在,我想在第一个jsp中单击一个按钮(单击按钮使用ajax调用servlet控制器,以便从数据库中获取数据,然后将数据转换为json格式),然后在第二个jsp中显示结果,但是我卡住了怎么做。

这是代码:

test.jsp的

 <body>
     <input type='button' value='Show' id='ShowButton' />
 </body>
 <script type='text/javascript'>
    $(document).ready(function() {
        $("#ShowButton").click(function(event) {
            $.ajax({
                type : "POST",
                url : "controller.view",
                dataType : "json",
                success : function(data) {
                    $.each(data, function (index, element) {
                        var showContent = '';
                        showContent += '<tr><td>' + element.cpId + '</td>
                                        <td>' + element.cpName + '</td><td>' 
                                        + element.createDate + '</td><td>' + 
                                        element.enable + '</td></tr>';
                        $("#content tbody").append(showContent);           
                    });
                }
            });
        });
    });
</script>

test2.jsp

<body>
<div >
    <table id='content'>
        <thead>
            <tr>
                <th>ID</th>
                <th>Content Provider Name</th>
                <th>Create Date</th>
                <th>Enable</th>
            </tr>
        </thead>
        <tbody>
        </tbody>
    </table>
</div>
</body>

谢谢。

//inside button click
$.ajax({
    url: 'SaveData',
    method: 'POST',
    data: {
        fname: $('#fname').val(),
        sname: $('#sname').val(),
        age: $('#age').val(),
        address: $('#address').val(),
        email: $('#email').val(),
        gender: $('.gender:checked').val(),
        phone: $('#phone').val(),
        password: $('#password').val()
    },
    success: function (data) {
        data = JSON.parse(data);
        if (data.responce == 1)
            alert("Success");
        else
            alert("Error");
    },
    error: function (error) {
        console.log(error);
    }
});

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM