精华内容
下载资源
问答
  • JS 页面刷新/数据刷新

    千次阅读 2014-09-08 15:03:11
    JS中,刷新有两种方式:页面整体刷新数据的局部刷新。 页面整体刷新:[code="js"]location.reload(true);[/code] 每次运行到此命令,都会刷新整个页面,当然也会实现数据刷新。但是采用页面...
    在网页开发中,数据修改(删除/添加)后,怎么实现立即刷新呢?
    
    在JS中,刷新有两种方式:页面整体刷新和数据的局部刷新。

    页面整体刷新:
    location.reload(true);

    每次运行到此命令,都会刷新整个页面,当然也会实现数据的刷新。但是采用页面刷新,会出现一下几个问题:
    首先,屏幕会出现短暂的白屏,也就是会闪一下。
    其次,如果网页需要拉动滚动条,用户是在页面底端修改数据,整体刷新后屏幕又回到了页面顶端,查看修改后的效果需要再次拉动滚动条。影响用户体验。

    数据的局部刷新可以帮我们解决以上两个问题。

    refresh_sign_up = function(){
    var refresh_page = document.getElementById('activity_sign_up_page');
    if(refresh_page){
    var scope = angular.element(refresh_page).scope();
    scope.$apply(function () {
    //在这里写你的刷新函数
    });
    }
    };


    [b]document.getElementById()[/b]是获取页面的id,当然首先要在你刷新页面的html代码上设置你的页面id:
    <div id="activity_sign_up_page">...<div>

    此时refresh_page就是获取到的页面id。如果id存在的话,就会执行:

    var scope = angular.element(refresh_page).scope();

    这句话的意思是使用scope变量代替原js文件的$scope。比如:原JS文件里的 $scope.name = "mary" 在刷新函数里面就可以直接用 scope.name = "mary";
    接下来我们就可以在[b]scope.$apply(function(){})[/b]里面写你的刷新函数了。比如,我要将页面的名字"mary"改成"lucy":

    scope.$apply(function () {
    scope.name = "lucy";
    });

    当在js文件中调用refresh_sign_up()这个刷新函数,页面显示的名字就改成了lucy。

    当然,在刷新函数里面只能获取到原js文件$scope,可以使用$scope间接的获取到绑定的变量。但是该怎么获取到$routeParams 和 $location 呢?
    我们可以把$routeParams 和 $location 绑定到$scope上。即:

    $scope.routeParams = $routeParams;
    $scope.location = $location;

    这样就可以啦!
    展开全文
  • 程序设计中会经常碰到一种情况,就是事先无法得知用户会需要哪些数据,必须根据用户选择后再从服务器重新提取数据后反馈给用户。window.clearInterval与window.setInterval的用法window.setInterval()功能:按照指定...

    程序设计中会经常碰到一种情况,就是事先无法得知用户会需要哪些数据,必须根据用户选择后再从服务器

    重新提取数据后反馈给用户。

    window.clearInterval与window.setInterval的用法

    window.setInterval()

    功能:按照指定的周期(以毫秒计)来调用函数或计算表达式。

    语法:setInterval(code,millisec)

    解释:code:在定时时间到时要执行的J...

    所谓联动菜单,就是后一个下拉框的选项是根据前一个下拉框被选中的值来决定的,一个典型的应用就是省市联动菜单了,市的下拉选项是根据你选了哪个省来决定的,类似的需求我们经常遇到,相信许多新手都被这个问题困扰...

    自动刷新页面的方法: 1.页面自动刷新:把如下代码加入

    区域中 

    介绍MagicAjaxWeb.configxml=configurationconfigSectionssection=configSectionsmagicAjax=pageStoremagicAjaxsystem.webauthentication=pagescontrolsadd=controlspageswebPartspersonalization=authorizationallo...

    项目背景最近做了一个oa类的web项目,用户需要登录后才能正常访问页面。当用户登录成功后,后端接口会返给前端一个token,之后的每一次接口调用都需要携带token,服务端验证这个token来判断用户是否已经成功登录。当...

    好了,唠嗑就到这里,现在看如何用jquery实现***刷新登录。首先...

    初衷是想在一个页面中,只有一小部分需要每隔5秒刷新一次,实现的功能就是每隔5秒读取一个日志,来获取最新的信息。

    下面这个javascript 函数是用来做***刷新判断用户名和密码是否正确

    有时候没办法要用到的微软的一些服务器端的控件,如gridview,这时候如果你想获取这个控件里面的值的话,又不想刷新整个页面,这时候隐藏的iframe就可以用上场了。

    DataGrid功能强大,我们只用写几行代码就能够实现复杂的页面数据显示。

    加密.hta代码(完全可以保存为html,执行效果一样)

    下面以三个页面分别命名为framedemo.html,top.html,button.html为例来具体说明如何做。       其中framedemo.html由上下两个页面组成,代码如下:以下是引用片段:< !DOCTYPE HTML PUBL...

    下面以三个页面分别命名为framedemo.html,top.html,button.html为例来具体说明如何做。       其中framedemo.html由上下两个页面组成,代码如下: 以下是引用片段:< !DOCTYPE HT...

    下拉联动的功能可以说非常的常用,例如在选择省、市等信息的时候;或者在选择大类、小类的时候。总之,下拉联动很常用。今天就跟大家分享一个简单的二级下拉联动的功能。大类下拉框:页面加载的时候就初始化大类的下...

    传统的上传文件功能,点击“上传”后页面会短暂地空白,等待服务器的响应;为了提高网站的处理效率,采用模拟Ajax的***刷新假象技术,我们可以让页面在局部刷新的情况下

    建议查看本人的系列文章:《AjaxPro与服务器端交互过程中如何传值》:http://blog.csdn.net/zhoufoxcn/archive/2008/01/05/2026908.aspx 《用AjaxPro

    用js给出一个上传文件时不用刷新页面的方案 

    HarmonyOS(鸿蒙)技术社区是由51CTO和华为共同打造的综合性开发和应用技术社区。作为华为的官方战略合作伙伴,51CTO将多年的社区运营经验与华为的技术赋能相结合,为开发者提供高质量有深度的HarmonyOS(鸿蒙)学习交流平台。

    展开全文
  • js-ajax数据刷新

    2018-11-19 15:50:27
    在html5中,通过js实现原生ajax,通过定时器实现数据刷新
  • 本文给大家分享一段js代码利用利用localStorage防止页面动态添加数据刷新后数据丢失问题,代码简单易懂,非常不错,具有参考借鉴价值,需要的朋友参考下
  • Javascript实现股票数据实时刷新功能。
  • D3.js 动态数据刷新视图详解

    万次阅读 2016-03-10 09:47:57
    在官网有着丰富demo的基础上,使用d3绘制一副静态图表并不是难事。但我们更多的需求是:根据用户操作动态获取数据库中数据,进而刷新视图。

    在官网有着丰富demo的基础上,使用d3绘制一副静态图表并不是难事。但我们更多的需求是:根据用户操作动态获取数据库中数据,进而刷新视图。

    最生硬的方法:删除element,重新绘制;

    d3.select('#svgID').remove();   //删除整个SVG
    d3.select('#svgID')
      .selectAll('*')
      .remove();                    //清空SVG中的内容
    

    此方法的确可以做到刷新视图的效果。
    优点:快准狠!
    缺点:
    1. 不能实现友好的动画切换效果
    2. 不能保留之前用户操作的状态

    正确打开方式:利用enter/exit更新视图

    先理解enter/exit 二者的作用

    这里写图片描述


    如上图所示,简而言之,enter()是数据超出部分,exit()是图形多余部分。
    值得注意的是,var div = d3.selectAll('div');其中div是当前存在的div。

    所以更新步骤为:

    1. 对已存在的div我们要做的是update操作。
    2. 对空缺的enter()部分做补充操作。
    3. 对多余的exit()部分执行.remove()
    4. 对更改的动作添加动画效果,使刷新更酷炫!

    ps: update操作是指根据数据刷新视图中的图形以及文字。

    问题1:如果是从DATA(数组)中删除数据,其他数据不变,那么是否需要刷新操作。
    问题同:在删除数据的时候,为什么界面中的图形在“乱跑”o(╯□╰)o。
    解答:必须要!下文介绍一下d3的data()


    #正确理解d3.js中.data(),数据与视图绑定原理。

    d3.js中的.data()是元素集合与数据集合的映射。如下图所示:
    这里写图片描述

    我们可以看到图中的div2此时对应的数据应该是data3,视图与数据不一致,所以需要更新视图。

    假设我们做的是如下代码的数据更新

    var data = [1,2,3,4];
    var div = d3.selectAll('div').data(data);
    div.enter()
       .append('div')
       .text(function(d){return d;});
    //删除2
    var newData = [1,3,4]
    div = d3.selectAll('div').data(newData);
    //删除多余元素
    div.exit().remove();

    这里写图片描述

    可以发现元素被删除的不是我们所期望被删除的元素。我们删除数据2的时候,使用exit()删除的元素却是队列的最后一个元素。

    所以建议将刷新视图封装为方法,方便随时调用。

    展开全文
  • Javascript Form 数据刷新 小结

    千次阅读 2010-09-21 16:20:00
    js同步执行 form 提交 刷新 js同步执行

    在开始写这篇文章之前,先对文章的标题 做一下说明,因为找不到一个合适的标题来表述 我想要写的东东,所以就按照自己的意思简单的写了一个。

    现在是北京时间:15:53:57.25 有点想睡。嘿嘿。

    好了言归正传,之所以写这篇文章是我在做项目的过程中遇到了 这样的问题,什么问题呢?比如:我们要做一个表单,然后 提交后 来刷新父窗体或者树之类的操作。这个时候问题就来了,我开始给这个问题定位为"灵异事件" ^_^,为什么这么说呢,因为在我当时做的时候没有发现这个问题,而是项目都做完了在测试的时候发现了这个问题。于是乎我跟测试人员展开一番争论,后来我胜利了,毕竟俺是开发人员,嘿嘿。心里当时暗喜,反驳的理由就是我的这边是好的,一直都是好的,在给测试人员看的时候也是好的,而测试人员那边时好时坏,所以测试人员心里也不是特别有底。不过在争论完后,我还是看了一下代码,怎么分析了一下这个问题出现的原因,后来发现 是执行js脚本的时候,由于表单数据需要提交到后台,然后持久化之后才会被查询到。但是如果后台持久化操作还没有完成,这个时候 前台已经开始刷新,那结果当然是没有看到刚才新增加的数据了。由此这个问题就产生了。

    后来不管三七二十一在网上一顿搜索,结果都没有找到让自己太满意的答案。也许是我的搜索技术不行吧,^_^。既然确定了问题的原因所在,那就对症下药。

    下面提供两种方法来解决这个问题:

    (1)ajax提交

    这种方法是我首先想到的,也是在用在项目中解决我上面说的问题的方法;主要在提交成功后,执行回调函数来进行数据刷新操作,就OK了!

    (2)增加隐藏的iframe

    这中方法可能大家不容易想到,因为很多人用iframe用的相对较少,尤其是在多个浏览器下运行的程序。其实和第一种类似,我也是在一个同事的提醒下才试验了这种方法。这种方其实和我们的普通表单提交没有什么不一样,主要的不一样之处在于如下:

    <form name='frm' action='#' target='f1' >

     <iframe name='f1' id='f1' style='display:none'></iframe><!--这里就是不一样的地方-->

    </form>

    这样做的目的就是在表单提交后,将结果展示到iframe这里来。我们其实是在后台向前台输入了一段js代码,例如:

    <script type='text/javascript'>alert('要开始刷新了哦,O(∩_∩)O');</script>

    在这个返回的脚本里面写你要刷新代码,不过我个人不建议在后台输入这种js脚本代码,我感觉破坏了程序的结构。

    其实我们可以自己加工加工,做到比较通用一些,不过我在这里就不详述如何做了。但解决问题的思路就是这样一个过程。

    好了,我的两种建议的方法已经说完了。

    其实网上还有其他的解决方法,例如把表单提交到一个页面进行处理 然后再后台进行跳转等等,这种方式对待不同的情况也是可以的。

    以上我介绍的两点是我在项目中用到的解决方法。

    好了,就说这么多了,写的不对的地方还请大家多多指教,有什么不明白的地方请留言或者给我发Email,都可以。

    展开全文
  • jstree刷新数据

    千次阅读 2017-11-17 11:59:35
    http://blog.csdn.net/yipanbo/article/details/51495830
  • 下面小编就为大家带来一篇js实现股票实时刷新数据案例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  • vue vuex数据刷新没有数据

    千次阅读 2019-03-28 18:40:52
    发现刷新页面,数据没有了,原来vuex数据刷新就没有了,刚开始想把数据放缓存,可是缓存数据不会自动更新,只是第一次请求来的数据放到缓存里边,若数据有更新就不能及时拿到新的数据 后来发现main.js每次刷新都会...
  • 主要介绍了vue.js中使用echarts实现数据动态刷新功能,需要的朋友可以参考下
  • 其实用javascript结合微软件的XMLHTTP对象,我们可以不用刷新,“稍稍”的就可以将 数据从服务器上读取出来,显得既专业,又高效。 下面我们就以一个验证用户是否被注册的情况来演示这种技术。   1.首先在服务器上...
  • 此时会导致报表再次触发查询,小数据量的话还好,但是当数据量比较大查询比较久时,这个排序的效率是比较鸡肋的,所以我们可以通过使用JavaScript的方式,实现不触发查询不刷新页面的数据排序,效率可观。...
  • 主要介绍了js检测离开或刷新页面时表单数据是否更改的方法,涉及javascript表单操作及事件响应的相关技巧,需要的朋友可以参考下
  • 其实用javascript结合微软件的XMLHTTP对象,我们可以不用刷新,“稍稍”的就可以将数据从服务器上读取出来,显得既专业,又高效。 下面我们就以一个验证用户是否被注册的情况来演示这种技术。 ‘程序设计:环球万维,...
  • 主要介绍了JavaScript实现提交模式窗口后刷新父窗口数据的方法,涉及javascript窗口交互的相关操作技巧,需要的朋友可以参考下
  • Javascript+XMLHttpRequest+asp.net无刷新读取数据库数据
  • JS页面刷新保持数据不丢失

    万次阅读 2017-09-29 16:09:36
    由于键值对存储在本地计算机上,在页面加载完毕后可以通过 JavaScript 来操作这些数据。 DOM Storage 示例应用程序:用户注册 本文使用的示例应用程序是一个简单的用户注册过程,表单包含三个字段:name、...
  • js实现下拉刷新数据

    2020-08-02 15:38:24
    //滚动条到底部的条件 if (Math.ceil(scrollTop + windowHeight)== parseInt(scrollHeight)) { //调取后台接口,获取数据 //需要注意:如果是tab页签,写了公共的调用数据方法,页签切换的时候记得把定义的数组清空...
  • js实现局部刷新数据

    万次阅读 2018-06-19 15:20:07
      ;" id="reloadDiv"> <form action="/nywlwMap/getPointsListEn.action" id="formId" method="post"> ...刷新JS函数: 引入jquery-form.jsjs下载地址...这样就可以动态互动后台刷新局部div数据    
  • js 实现 无刷新定时取数据! 值得下载看看!资源免费,大家分享!!
  • 自动刷新页面的js <script type="text/javascript"> setTimeout(function () { //这里写你想要刷新js或者方法体都可以 }, 10000); //时间 setInterval(function () { //这里写你想要刷新js或者...
  • js刷新文件上传并获取数据

    千次阅读 2017-06-27 18:50:39
    刷新上传控件原理解析
  • 在jsp页面中通过js刷新页面,在刷新之前我给input标签和A标签都赋值了 以及和一些全局变量都赋值了...但是,现在js刷新之后上面的那些数据都丢失了。 请问有什么办法能让刷新之后还能保存住数据不丢失。 那位大神知道。

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 198,608
精华内容 79,443
关键字:

js数据刷新