利用Ajax无全页面提交实现动态画图
2007-10-29 14:17
295 查看
新建一个Ajax模板的项目
放置一个ScriptManager,一个updatePanel,一个Timer,在updatePanel中放置一个image。
再新建一个image.aspx页,并建一个方法HT,方法内部实现为:
[align=left]//建立一个画图层 [/align]
[align=left] Bitmap bm = new Bitmap(500, 500);[/align]
[align=left] //取得画图层的Graphics[/align]
[align=left] Graphics g = Graphics.FromImage(bm);[/align]
[align=left] //初始化面板为白色[/align]
[align=left] g.Clear(Color.White); [/align]
[align=left] //建立一个笔刷[/align]
[align=left] Brush b = new SolidBrush(Color.Green);[/align]
[align=left] //画第一个扇形[/align]
[align=left] g.FillPie(b, 10, 10, 400, 400, 0,Convert.ToInt32 (DateTime.Now.Second) *6);[/align]
[align=left] //再建立一个笔刷[/align]
[align=left]Brush b1 = new SolidBrush(Color.Red);[/align]
[align=left]//画第二个扇形[/align]
[align=left] g.FillPie(b1, 10, 10, 400, 400, Convert.ToInt32(DateTime.Now.Second) * 6,360- Convert.ToInt32(DateTime.Now.Second) * 6); [/align]
[align=left] //把图画以jpg格式到画板上[/align]
[align=left] bm.Save(this.Response.OutputStream, ImageFormat.Jpeg);[/align]
[align=left] //注销Griphics[/align]
[align=left] g.Dispose();[/align]
[align=left]//注销面板[/align]
[align=left] bm.Dispose();[/align]
[align=left]最后在Timer1中的确良Tick事件中写入[/align]
[align=left] Image1.ImageUrl = "image.aspx?cs="+DateTime.Now.Second.ToString () ;[/align]
大家发现是把一个Image1控件的ImageUrl赋值成一个带参数的页面。首先,image.aspx生成以后是一个图形页面,如果参数不一样,每次都会实现向后台提交。
页面的刷新也可以用 <meta http-equiv="refresh" content="5"/>此时的时间间隔只有通过原代码改,如果换成用Asp.Net Ajax,时间间隔就成为Timer1的一个属性了,可以参数表设置。本文出自 “桂素伟” 博客,请务必保留此出处http://axzxs.blog.51cto.com/730810/150003
放置一个ScriptManager,一个updatePanel,一个Timer,在updatePanel中放置一个image。
再新建一个image.aspx页,并建一个方法HT,方法内部实现为:
[align=left]//建立一个画图层 [/align]
[align=left] Bitmap bm = new Bitmap(500, 500);[/align]
[align=left] //取得画图层的Graphics[/align]
[align=left] Graphics g = Graphics.FromImage(bm);[/align]
[align=left] //初始化面板为白色[/align]
[align=left] g.Clear(Color.White); [/align]
[align=left] //建立一个笔刷[/align]
[align=left] Brush b = new SolidBrush(Color.Green);[/align]
[align=left] //画第一个扇形[/align]
[align=left] g.FillPie(b, 10, 10, 400, 400, 0,Convert.ToInt32 (DateTime.Now.Second) *6);[/align]
[align=left] //再建立一个笔刷[/align]
[align=left]Brush b1 = new SolidBrush(Color.Red);[/align]
[align=left]//画第二个扇形[/align]
[align=left] g.FillPie(b1, 10, 10, 400, 400, Convert.ToInt32(DateTime.Now.Second) * 6,360- Convert.ToInt32(DateTime.Now.Second) * 6); [/align]
[align=left] //把图画以jpg格式到画板上[/align]
[align=left] bm.Save(this.Response.OutputStream, ImageFormat.Jpeg);[/align]
[align=left] //注销Griphics[/align]
[align=left] g.Dispose();[/align]
[align=left]//注销面板[/align]
[align=left] bm.Dispose();[/align]
[align=left]最后在Timer1中的确良Tick事件中写入[/align]
[align=left] Image1.ImageUrl = "image.aspx?cs="+DateTime.Now.Second.ToString () ;[/align]
大家发现是把一个Image1控件的ImageUrl赋值成一个带参数的页面。首先,image.aspx生成以后是一个图形页面,如果参数不一样,每次都会实现向后台提交。
页面的刷新也可以用 <meta http-equiv="refresh" content="5"/>此时的时间间隔只有通过原代码改,如果换成用Asp.Net Ajax,时间间隔就成为Timer1的一个属性了,可以参数表设置。本文出自 “桂素伟” 博客,请务必保留此出处http://axzxs.blog.51cto.com/730810/150003
相关文章推荐
- 利用Ajax无全页面提交实现动态画图
- 利用JQuery+Ajax实现aspx页面无刷新的动态数据绑定
- ajax实现注册页面动态验证用户名是否已注册,不必提交即可验证
- 利用ajax实现页面动态修改
- ajax实现注册页面动态验证用户名是否已注册,不必提交即可验证。
- 利用ajax实现页面动态加载select下拉框
- 利用JQuery+Ajax实现aspx页面无刷新的动态数据绑定
- 利用autocomplete.js实现仿百度搜索效果(ajax动态获取后端[C#]数据)
- 利用ajaxSubmit()方法实现Form提交表单后回调
- 利用Ajax实现页面局部刷新
- Servlet处理表单重复提交and利用referer防盗链and实现request包含页面
- 实现依据AJAX的值判断是否提交/跳转页面的方法
- 利用JS实现:页面组件的动态显示、隐藏
- 利用ajax提交表单,实现数据前端后台数据交互的完整流程演示
- 静态页中利用AJAX.NET实现无刷新页面
- 静态页中利用ajax.net实现无刷新页面
- 静态页中利用AJAX.NET实现无刷新页面
- Ajax的常用技巧(6)---实现web页面局部动态刷新
- 利用css和js实现页面的标签效果。(标签个数可以动态变化)
- 一个利用客户端空间存储树形导航栏信息,从而实现ajax技术动态导航的雏形