• 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中的数据,而其他的地方都没有改变,

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

     

  • 相关阅读:
    驼峰匹配
    常量
    bug生命周期&bug跟踪处理
    jmeter——参数化、关联、断言
    jmeter——http、jdbc、soap请求
    APP测试要点
    Android ADB 命令总结
    理解HTTP三次握手和四次握手的过程
    web、pc客户端、app测试的区别
    在RobotFramework--RIDE中把日期转化为整型进行运算
  • 原文地址:https://www.cnblogs.com/laotan/p/3664211.html
Copyright © 2020-2023  润新知