Question

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

感谢。

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

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

1 个答案: