--感谢非哥，参考非哥的BLOG写的
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>使用 iframe 来实现不刷新页面改变局部内容</title> <mce:script type="text/javascript"><!-- var IsInt=false; var $=function(id) { return document.getElementById(id); } function Ajax() { $('img').style.display='block'; $('div1').innerHTML='Please Wait ....'; $('fra').src="Handler2.ashx?d="+new Date(); } function callback() { if(IsInt) { $('div1').innerHTML=$('fra').contentWindow.document.body.innerHTML; $('img').style.display='none'; } else { IsInt=true; } } // --></mce:script> </head> <body> <img id="img" src="http://preloaders.net/generator.php?image=82&speed=5&fore_color=77D1E3&back_color=FFF9F9&size=110x64&transparency=0&reverse=0&uncacher=56.31536443080266" mce_src="http://preloaders.net/generator.php?image=82&speed=5&fore_color=77D1E3&back_color=FFF9F9&size=110x64&transparency=0&reverse=0&uncacher=56.31536443080266" style="display:none" mce_style="display:none"/> <br /> <div id="div1" ></div> <br /> <input id="Button1" type="button" value="Click Me" οnclick="Ajax()" /> <br /> <iframe id="fra" οnlοad="callback()" style="display:none" mce_style="display:none"></iframe> </body> </html>
<%@ WebHandler Language="C#" Class="Handler2" %> using System; using System.Web; public class Handler2 : IHttpHandler { public void ProcessRequest (HttpContext context) { context.Response.ContentType = "text/plain"; System.Threading.Thread.Sleep(3000); context.Response.Write(string.Format("当前时间{0}:", DateTime.Now)); context.Response.End(); } public bool IsReusable { get { return false; } } }
2330
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
