当前位置: 首页 > 编程笔记 >

ajax局部刷新实例 (三种方法推荐)

弘思聪
2023-03-14
本文向大家介绍ajax局部刷新实例 (三种方法推荐),包括了ajax局部刷新实例 (三种方法推荐)的使用技巧和注意事项,需要的朋友参考一下

ajax局部刷新

<script> 

setInterval("refreshTime()",1000); //每格1秒刷新一次 

funciton refreshTime() 

{ 

var dateObj = new Date(); 

time.innerHTML = dateObj.toLocaleDateString(); //刷新div里面的内容 

} 

</script> 

<div id=time> </div> 
function doRef() 

{ 

var url = "xxx.aspx" 

var dateRequest = new ActiveXObject("Microsoft.XMLHTTP"); 

dateRequest.abort() ; 

dateRequest.open( "GET", url , true ); 

dateRequest.onreadystatechange = onSendSelf ; 

dateRequest.send() ; 

function onSendSelf() 

{ 

if( dateRequest.readyState != 4 ) 

{ 

return ; 

} 

var theDate = dateRequest.responseText ;//如果出现编码问题,可以在服务端escape一下,然后在这里使用unescape( responseText ) 

theDiv.innerHTML = theDate ; 

} 

} 

setInterval( doRef , 1000 ) ;//1秒刷新一次,有点快
<form id="form1" runat="server"> 

<asp:ScriptManager ID="ScriptManager1" runat="server"> 

</asp:ScriptManager> 

<br /> 

<asp:UpdatePanel ID="UpdatePanel1" runat="server"> 

<ContentTemplate> 

<asp:Timer ID="Timer1" runat="server" Interval="1000" OnTick="Timer1_Tick"> 

</asp:Timer> 

<asp:TextBox ID="TextBox1" runat="server"> </asp:TextBox> 

</ContentTemplate> 

</asp:UpdatePanel> 

</form> 

=====在后台Timer1_Tick事件加上

// Interval="1000" 是设置刷新的时间间隔

TextBox1.Text=DateTime.Now

看下就明白了

以上这篇ajax局部刷新实例 (三种方法推荐)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持小牛知识库。

 类似资料:
  • 本文向大家介绍Ajax实现局部刷新的方法实例,包括了Ajax实现局部刷新的方法实例的使用技巧和注意事项,需要的朋友参考一下 前言 最近复习了一下jQuery的一些内容,特此整理一下一些能用的得到的知识点,以前才学jQuery的时候压根就没有注意到那么多的细节,另外最近一直都在整理前端的一些工作中学到的小经验,大概还会有十篇左右的内容,就会慢慢开始整理后端,框架,以及数据库的一些小知识点 一、 Aj

  • 本文向大家介绍jQuery+ajax实现局部刷新的两种方法,包括了jQuery+ajax实现局部刷新的两种方法的使用技巧和注意事项,需要的朋友参考一下 在项目中,经常会用到ajax,比如实现局部刷新,比如需要前后端交互等,这里呢分享局部刷新的两种方法,主要用的是ajax里面的.load()。 第一种: 当某几个页面都有相同的头部、导航、底部的时候,点击导航链接可以在几个页面中切换,此时想要的效果是

  • 本文向大家介绍jQuery实现AJAX定时刷新局部页面实例,包括了jQuery实现AJAX定时刷新局部页面实例的使用技巧和注意事项,需要的朋友参考一下 方法一: 局部刷新我们讲述到最多的是ajax 了,当然也可以不使用ajax来刷新页面了,我们可以使用jquery中的append来给指定内容加东西了,当然最实用的还是ajax加载数据了。 例子,定时局部刷新 定时局部刷新用到jQuery里面的set

  • 本文向大家介绍JQuery 又谈ajax局部刷新,包括了JQuery 又谈ajax局部刷新的使用技巧和注意事项,需要的朋友参考一下 JQuery 再谈ajax局部刷新。 案例: 描述: 1. 点击登录则弹出登录对话框 2. 如果用户名密码不正确,则提示错误信息 3. 当输入信息正确,则刷新登录信息,显示用户名和退出按钮 4. 点击退出弹出提示信息,然后确定后再次刷新用户名,回到了第一幅图片的位置

  • 本文向大家介绍JavaScript中iframe实现局部刷新的几种方法汇总,包括了JavaScript中iframe实现局部刷新的几种方法汇总的使用技巧和注意事项,需要的朋友参考一下 Iframe是一种嵌入网页的框架形式,Web页面可以通过更改嵌入的部分,达到部分内容刷新。 Iframe的用法与普通的标签元素DIV类似,可以指定在页面中嵌入的位置、颜色、界面布局等 一、iframe实现局部刷新方法

  • 本文向大家介绍纯JS实现AJAX局部刷新功能,包括了纯JS实现AJAX局部刷新功能的使用技巧和注意事项,需要的朋友参考一下 AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。 AJAX = 异步 JavaScript和XML(标准通用标记语言的子集)。 AJAX 是一种用于创建快速动态网页的技