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

淡淡的烟草味﹌ 2022-02-02 02:36 1099阅读 0赞

新建一个 Ajax 模板的项目

[![2007102914141625.JPG][]][2007102914141625.JPG]

放置一个 ScriptManager ,一个 updatePanel ,一个 Timer ,在 updatePanel 中放置一个 image 。

[![20071029141427899.JPG][]][20071029141427899.JPG]

再新建一个 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 ，如需转载请自行联系原作者

[2007102914141625.JPG]: http://www.xy8.cn/upload_file/2007102914141625.JPG
[20071029141427899.JPG]: http://www.xy8.cn/upload_file/20071029141427899.JPG

发表评论取消回复

表情：

评论列表（有 0 条评论，1099人围观）

还没有评论，来说两句吧...

相关阅读

相关使用JavaScript实现AJAX请求并实现无刷新页面

AJAX（Asynchronous JavaScript and XML）是一种在Web应用程序中进行异步数据交互的技术。通过使用AJAX，我们可以在不刷新整个页面的情况下，向

素颜马尾好姑娘i/ 2024年02月26日 03:21/ 0 赞/ 49 阅读

相关使用ajax实现form提交

1、常见的form表单提交都是使用submit 直接提交给form表单中action的地址。常见的form表单提交 <form:form action="

深藏阁楼爱情的钟/ 2023年07月08日 14:28/ 0 赞/ 116 阅读

相关利用servlet动态生成wap页面

public void doGet(HttpServletRequest req, HttpServletResponse res)throws ServletExce

墨蓝/ 2022年08月26日 01:18/ 0 赞/ 224 阅读

相关 ajax页面动态判断

当前遇到这样的项目需求，在用户访问商品详情页面的时候，可以点击关注按钮，来收藏这个商品的信息，如果关注了以后，就要把商品的信息保存到用户的收藏列表中，并给用户一个关注成

r囧r小猫/ 2022年06月12日 07:24/ 0 赞/ 226 阅读

相关利用servlet动态生成wap页面

public void doGet(HttpServletRequest req, HttpServletResponse res)throws ServletExce

- 日理万妓/ 2022年05月11日 13:36/ 0 赞/ 196 阅读

相关 Django实现ajax提交

场景：前端框架用layui, 提交的是textarea 页面： <form method="POST"> {% c

傷城~/ 2022年04月24日 14:24/ 0 赞/ 205 阅读

相关 php动态画图

index.php <?php $width=800; $height=600; //绘图技术基本步骤前提:在php.ini

Bertha 。/ 2022年03月30日 08:42/ 0 赞/ 249 阅读

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

新建一个 Ajax 模板的项目 [![2007102914141625.JPG][]][2007102914141625.JPG] 放置一个 ScriptManager ,

淡淡的烟草味﹌/ 2022年02月02日 02:36/ 0 赞/ 1100 阅读

相关 ajax提交表单页面刷新很快

注：使用ajax 提交表单时 type类型最好不用submit 用button合适 <form> <div class="col-md-9 col

末蓝、/ 2021年10月08日 05:42/ 0 赞/ 393 阅读

相关 Ajax利用FormData提交文件和数据

一、ajax提交纯表单（不包含文件或二进制或非ASCII数据） ajax提交表单绕了很久，遇到一些问题进行测试下以加深理解，测试使用浏览器 49.0.2623.11

灰太狼/ 2021年09月15日 03:20/ 0 赞/ 426 阅读