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

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

     

  • 相关阅读:
    「小程序JAVA实战」小程序视频封面处理(48)
    「小程序JAVA实战」小程序视频处理工具ffmpeg(47)
    「小程序JAVA实战」小程序上传短视频(46)
    微信小程序跳转navigateTo与redirectTo
    微信小程序中this关键字使用技巧
    ***电商数据库设计参考:ecshop数据库+订单表结构等
    MYSQL中'TYPE=MyISAM'错误的解决方案
    PHP实现执行定时任务的几种思路详解
    PHP定时器实现每隔几秒运行一次
    ***LINUX添加PHP环境变量:CentOS下将php和mysql命令加入到环境变量中
  • 原文地址:https://www.cnblogs.com/laotan/p/3664211.html
Copyright © 2011-2022 走看看