jsp页中的下一页和上一页按钮

dm7nw8vv  于 2023-05-27  发布在  其他
关注(0)|答案(2)|浏览(924)

我正在使用stuts 2,spring,spring security和hibernate开发一个应用程序。我想在JSP页面中添加NEXT和PREVIOUS按钮,我使用JSTL标记。我有一个fistName和lastName的列表。

${sessionScope.ListeOfNames}

我的页面jsp必须显示:
fistName:fistName 1
姓氏:姓氏1
然后单击NEXT按钮,我的jsp必须显示:
fistName:fistName 2
姓氏:姓氏2
同样的事情,与前一个按钮:
fistName:fistName 1(n-1)
姓氏:姓氏1(n-1)
任何帮助都很感激

plicqrtu

plicqrtu1#

使用 AJAX ,例如,如果你在你的jsp页面上放置两个按钮,即上一个和下一个。当你点击prev时,你调用 AJAX 并动态加载结果,并用新的结果替换已经存在的内容。例如,如果内容使用div标签

<div id="result">
some thing
</div>

Prev Next当用户点击按钮时调用 AJAX

$("#prev").click(function(){
                       $.ajax({
                        type:'post',
                         url:'ActionName?totalval=page,
                        success :function(data){

                            $("#result").empty();

                            $("#result").html(data);
                        },
                        error :function(){
                          alert("error");  
                        }

                    }); 

});

在hibernate中,您可以根据用户点击设置setFirstResult和setMaxResult函数。

plicqrtu

plicqrtu2#

将下面的代码添加到您的

<html>
    <head>
    <script>
     $("#prev,#next").click(function(){

                        $.ajax({
                            type:'post',
                             url:'actionName',
                            success :function(data){

                                $("#result").empty();

                                $("#result").html(data);
                            },
                            error :function(){
                              alert("error");  
                            }

                        }); 
                });

    </script>
    </head>
    <body>
    <div id="result">
    <s:iterator value="something">
    </s:iterator>
    <button id="prev">Prev</button>
    <button id="next">Next</button>
    </div>
    </body>
    </html>

在Struts.xml中

<action name="actionname" class="controller.actionname">
            <result name="success">div_ajax_result.jsp</result>
        </action>

div_ajax_result.jsp

<div id="result">
<s:iterator value="something">
</s:iterator>
<button id="prev">Prev</button>
<button id="next">Next</button>
</div>

在 AJAX 调用时,你需要在列表中加载不同的结果。
我希望现在你已经对 AJAX 有了一个基本的了解。

相关问题