【问题标题】:Next and previous buttons in a jsp pagejsp页面中的下一个和上一个按钮
【发布时间】:2014-07-22 12:51:52
【问题描述】:

我正在使用 stuts2、spring、spring security 和 hibernate 开发一个应用程序。 我想在 jsp 页面中添加 NEXT 和 PREVIOUS 按钮,我使用的是 JSTL 标签。 我有一个 firstName 和 lastName 的列表。

${sessionScope.ListeOfNames}

我的页面jsp必须显示:

拳头名 : 拳头名 1

姓氏:姓氏 1

点击下一步按钮,我的jsp必须显示:

拳头名 : 拳头名 2

姓氏:姓氏2

同样的事情,使用 PREVIOUS 按钮:

拳头名 : 拳头名 1 (n-1)

姓氏:姓氏 1 (n-1)

感谢任何帮助

【问题讨论】:

    标签: java jsp button jstl next


    【解决方案1】:

    在您的

    中添加以下代码
    <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 有一个基本的了解。

    【讨论】:

      【解决方案2】:

      为此使用 ajax。例如,如果您在 jsp 页面中放置两个按钮。即)prev 和 next。 当您单击 prev 时,您调用 ajax 并动态加载结果并用新结果替换现有内容。 例如,如果您在 div 标签中有您的内容

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

      上一页 下一个 当用户单击按钮时调用 ajax

      $("#prev").click(function(){
                             $.ajax({
                              type:'post',
                               url:'ActionName?totalval=page,
                              success :function(data){
      
                                  $("#result").empty();
      
                                  $("#result").html(data);
                              },
                              error :function(){
                                alert("error");  
                              }
      
                          }); 
      
      });
      

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

      【讨论】:

      • 抱歉,我对 Ajax 技术一无所知,我在哪里可以放置这段代码?
      • var "data" 怎么样,我可以将这个变量用于任何类型(例如 userClass)
      • 是的,事实上,我在这个应用程序中使用 stuts2
      猜你喜欢
      • 2013-04-30
      • 1970-01-01
      • 1970-01-01
      • 2011-04-20
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-02-19
      相关资源
      最近更新 更多