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

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

     

  • 相关阅读:
    OS + UNIX AIX performance
    web test LoadRunner fuction_list
    web test LoadRunner Linux
    web test LoadRunner SAP / java / Java Vuser / web_set_max_html_param_len
    网上购物系统(Task006)——数据访问层DAL
    Request 获取网址各片段
    网上购物系统(Task009)——FormView显示商品详细信息
    网上购物系统(Task007)——自定义DateList控件分页显示商品信息
    网上购物系统(Task010)——FormView编辑更新商品详细信息
    网上购物系统(Task011)——FormView插入删除商品详细信息
  • 原文地址:https://www.cnblogs.com/laotan/p/3664211.html
Copyright © 2011-2022 走看看