利用Ajax无全页面提交实现动态画图

简介:
新建一个 Ajax 模板的项目
放置一个 ScriptManager ,一个 updatePanel ,一个 Timer ,在 updatePanel 中放置一个 image
再新建一个 image.aspx 页,并建一个方法 HT ,方法内部实现为:
// 建立一个画图层
 Bitmap bm = new Bitmap(500, 500);
      // 取得画图层的Graphics
        Graphics g = Graphics.FromImage(bm);
        // 初始化面板为白色
        g.Clear(Color.White);      
        // 建立一个笔刷
        Brush b = new SolidBrush(Color.Green);
       // 画第一个扇形
 g.FillPie(b, 10, 10, 400, 400, 0,Convert.ToInt32 (DateTime.Now.Second) *6);
       // 再建立一个笔刷
Brush  b1 = new SolidBrush(Color.Red);
// 画第二个扇形
        g.FillPie(b1, 10, 10, 400, 400, Convert.ToInt32(DateTime.Now.Second) * 6,360- Convert.ToInt32(DateTime.Now.Second) * 6); 
       // 把图画以jpg格式到画板上
        bm.Save(this.Response.OutputStream, ImageFormat.Jpeg);
        // 注销Griphics
 g.Dispose();
// 注销面板
        bm.Dispose();
       
最后在Timer1中的确良Tick事件中写入
        Image1.ImageUrl = "image.aspx?cs="+DateTime.Now.Second.ToString () ;
    大家发现是把一个Image1控件的ImageUrl赋值成一个带参数的页面。首先,image.aspx生成以后是一个图形页面,如果参数不一样,每次都会实现向后台提交。
页面的刷新也可以用 <meta http-equiv="refresh" content="5"/>此时的时间间隔只有通过原代码改,如果换成用Asp.Net Ajax,时间间隔就成为Timer1的一个属性了,可以参数表设置。



















本文转自桂素伟51CTO博客,原文链接:http://blog.51cto.com/axzxs/150003 ,如需转载请自行联系原作者

相关文章
|
JavaScript 前端开发 容器
AJAX载入外部JS文件到页面并让其执行的方法(附源码)
AJAX载入外部JS文件到页面并让其执行的方法(附源码)
135 0
|
Web App开发 JSON 前端开发
Ajax实现动态及时刷新表格数据
Ajax实现动态及时刷新表格数据
|
5月前
|
机器学习/深度学习 数据采集 存储
动态渲染页面智能嗅探:机器学习判定AJAX加载触发条件
本文介绍了一种基于机器学习的智能嗅探系统,用于自动判定动态渲染页面中AJAX加载的最佳触发时机。系统由请求分析、机器学习判定、数据采集和文件存储四大模块构成,采用爬虫代理技术实现高效IP切换,并通过模拟真实浏览器访问抓取微博热搜及评论数据。核心代码示例展示了如何调用微博接口获取榜单与评论,并利用预训练模型预测AJAX触发条件,最终将结果以JSON或CSV格式存储。该方案提升了动态页面加载效率,为信息采集与热点传播提供了技术支持。
98 15
动态渲染页面智能嗅探:机器学习判定AJAX加载触发条件
|
XML 前端开发 JavaScript
使用 AJAX 提升网页数据的动态交互
使用 AJAX 提升网页数据的动态交互
|
11月前
|
前端开发 JavaScript
回顾前端页面发送ajax请求方式
回顾前端页面发送ajax请求方式
96 18
|
XML JSON 前端开发
异步请求,局部更新页面------Ajax
异步请求,局部更新页面------Ajax
158 0
|
数据采集 Web App开发 前端开发
技术心得记录:如何用JAVA爬取AJAX加载后的页面(转载)
技术心得记录:如何用JAVA爬取AJAX加载后的页面(转载)
ajax+json模拟一个页面多个统计图数据交互
ajax+json模拟一个页面多个统计图数据交互
92 1
|
存储 移动开发 JavaScript
【原生】sd.js帮助您简化繁重的获取数据、存储数据(CRUD)骚操作(吐槽~在安卓9.0以下或者IOS10.X以下手机端H5页面不支持,在这两种情况下的系统只能使用ajax或者原生js请求后台数据)
【原生】sd.js帮助您简化繁重的获取数据、存储数据(CRUD)骚操作(吐槽~在安卓9.0以下或者IOS10.X以下手机端H5页面不支持,在这两种情况下的系统只能使用ajax或者原生js请求后台数据)
|
前端开发 JavaScript Java
SSM框架用Ajax增删改查一个页面(简单易懂)
SSM框架用Ajax增删改查一个页面(简单易懂)