利用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 ,如需转载请自行联系原作者

相关文章
|
10天前
|
JavaScript 前端开发 容器
AJAX载入外部JS文件到页面并让其执行的方法(附源码)
AJAX载入外部JS文件到页面并让其执行的方法(附源码)
14 0
|
29天前
|
Web App开发 JSON 前端开发
Ajax实现动态及时刷新表格数据
Ajax实现动态及时刷新表格数据
29 1
|
8月前
|
XML JSON 前端开发
异步请求,局部更新页面------Ajax
异步请求,局部更新页面------Ajax
63 0
|
4月前
|
存储 移动开发 JavaScript
【原生】sd.js帮助您简化繁重的获取数据、存储数据(CRUD)骚操作(吐槽~在安卓9.0以下或者IOS10.X以下手机端H5页面不支持,在这两种情况下的系统只能使用ajax或者原生js请求后台数据)
【原生】sd.js帮助您简化繁重的获取数据、存储数据(CRUD)骚操作(吐槽~在安卓9.0以下或者IOS10.X以下手机端H5页面不支持,在这两种情况下的系统只能使用ajax或者原生js请求后台数据)
|
5月前
ajax+json模拟一个页面多个统计图数据交互
ajax+json模拟一个页面多个统计图数据交互
24 1
|
5月前
|
前端开发
Ajax提交请求后台返回一个完整的html页面
Ajax提交请求后台返回一个完整的html页面
|
8月前
|
前端开发
如何对ajax请求的后台数据添加到swiper轮播图并展示到页面
如何对ajax请求的后台数据添加到swiper轮播图并展示到页面
96 0
|
8月前
|
数据采集 前端开发 JavaScript
Python爬虫实战:抽象包含Ajax动态内容的网页数据
Python爬虫实战:抽象包含Ajax动态内容的网页数据
|
8月前
|
前端开发 JavaScript Java
SSM框架用Ajax增删改查一个页面(简单易懂)
SSM框架用Ajax增删改查一个页面(简单易懂)
|
9月前
|
JSON 前端开发 安全
ajax中实现访问url已阅即焚的解决方案(url动态参数、变量加密、常量不变、php加密解密、API访问验证方式)
ajax中实现访问url已阅即焚的解决方案(url动态参数、变量加密、常量不变、php加密解密、API访问验证方式)
178 0