zoukankan      html  css  js  c++  java
  • Jquery局部刷新小案列

    /*

    调用showTest()方法去后台拿到处理数据后返回到part.jsp页面,main.jsp再调用html()方法

    和显示的结果集show()方法把part.jsp显示到当前的页面,实现局部页面刷新效果,避免不必要的地放刷新

    */

    function showTest(){

      $.ajax({
            type: "POST",
            url: "<%=path%>/Test!showTest.action",
            data:{"sign":"局部刷新"},
            success: function(html)
            {
                    $("#showTest").html(html);
                    $("#showTest").show();
            }
            
        });

    }

    //action中方法

    public String showTest(){ 

      String sign=request().getParameter("arr");

      System.out.println("局部刷新测试");

      request().setAttribute("sign", sign);

      return "part";//这里跳转到part.jsp页面,在struts.xml文件中配置好

    }

     

    //mian.jsp代码

    <div  id="showTest" style="POSITION: absolute; 300px; top:0px ; left:700px; height: auto;  background-color: white; border: 1px #ccc solid; display:  ;'">

      局部刷新位置
    </div>

    //part.jsp代码

    <%@ page language="java" contentType="text/html; charset=utf-8"
        pageEncoding="utf-8"%>
        <%
            String path=request.getContextPath();
        %>
        <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head></head>

    <body>

    <div class="lTREEMenu lTREENormal" id="lTREEMenuDEMO">
    <span id="TreeHeader">管理菜单--${sign}</span>
            <dl id="TopDL">
                <dd>
                    分类
                    <dl>
                        <dt>子分类1</dt>
                        <dt>子分类中华人民共和国</dt>
                    </dl>
                                
                </dd>
            <dd>我来
                    <dl>
                    <dd>sss
                        <dl><dt>fff</dt></dl>
                    </dd>
                    </dl>
            </dd>
                <dd>
                    分类二
                    <dl>
                        <dt>分类2</dt>
                    </dl>
                </dd>
    </dl>
    </div>

    </body>

    </html>

    其实我们平时分页跳转的时候也只是更新table中的数据,而其他的地方都没有改变,

    所有个人在这也想到分页也可以用这种方法来查询来达到更新数据的效果,提高效率。

     

  • 相关阅读:
    UOJ.26.[IOI2014]Game(交互 思路)
    Good Bye 2016 F.New Year and Finding Roots(交互)
    Codeforces.835E.The penguin's game(交互 按位统计 二分)
    Codeforces.744B.Hongcow's Game(交互 按位统计)
    Codeforces.862D.Mahmoud and Ehab and the binary string(交互 二分)
    正睿OI 提高 Day1T3 ZYB玩字符串(DP)
    划分vlan
    2三层交换机实现vlan间的路由
    交换机基础-交换机远程telnet
    自动化运维环境的搭建问题处理
  • 原文地址:https://www.cnblogs.com/laotan/p/3664211.html
Copyright © 2011-2022 走看看