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

【问题标题】：How to send data from one jsp to another jsp and display data using ajax如何将数据从一个jsp发送到另一个jsp并使用ajax显示数据
【发布时间】：2017-08-02 04:17:32
【问题描述】：

我对 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>

谢谢。

【问题讨论】：

您可以使用ajax 将数据从一个jsp 传递到另一个。您必须在控制器中编写服务来消耗数据并在另一个 jsp 上显示。

标签： java jquery ajax jsp

【解决方案1】：

//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);
    }
});

【讨论】：