ajax无刷新绘图技术总结

在最近的一份项目当中,我发现我需要一份很重要的功能,就是实现动态的无刷新的更新数据,数据的显示为报表形式,这样的话,在我一开始的思考当中,就产生了一个很大的难度了,首先,因为服务器绘图技术本身就有一点难度,而且利用ajax无刷新的形式进行绘图就更有难度了,所以就思考怎么去完成这个项目。

首先,我们第一次打开页面,如果数据是从服务器把数据从模板分配到视图页面的,这样显示了数据,然后就应该发送ajax请求,服务器接收到发送的数据,这里其实项目是不需要处理数据的,这里无关紧要,主要是返回数据,这里数据必须打回来才行,这样问题就来了。

第一次是模板分配的,这是却用返回数据,所以,我觉得一开始就应该,用返回数据因为在第一次打开页面的事件那个时间差是根本感觉不到的,所以刷新的是ajax返回的数据,关于返回的数据,这里必然是在接收数据之后,返回数据库的数据,这个过程,我们必须要明白中间是没有真正的数据处理的,我们所用的,仅仅是数据库里面的数据以及ajax引擎的特点,但是,这里我所说的仅仅是针对我的这一个项目而言,为了提高项目的通用性,就必须考虑很多种情况,包括各种传输的数据类型,以及项目的各项扩展等等。

至于技术的具体代码以及细节,因为部分包括一些业务逻辑,为了项目的安全起见,暂时保密。

时间: 2024-10-13 11:48:37

ajax无刷新绘图技术总结的相关文章

JQuery 总结(8)Ajax 无刷新技术

Ajax  无刷新技术 $(".delete").click(function () { cf=confirm("确认删除"); if (!cf) { return false } id=this.id; obj=$(this); // var r; $.get('delete.php',{id:id},function (r) { // console.log(r); // alert(r) if (r==1) { // alert(1) obj.parent()

ajaxfileupload.js插件结合一般处理文件实现Ajax无刷新上传

先上几张图更直观展示一下要实现的功能.本功能主要通过Jquery ajaxfileupload.js插件结合ajaxUpFile.ashx一般应用程序处理文件实现Ajax无刷新上传功能,结合NPOI2.0实现数据读取.这个功能在实际工作种经经常使用到,希望能给须要做这方面的人有些帮助. 一.功能页面布局及介绍 1.上传页面布局及input file上传功能 2.上传页面文件正在上传效果 3.上传完毕效果,多文件展示区 二.功能代码实现及资源引用 1.js资源文件引用 html页面js引用.须要引

移动端图片上传解决方案localResizeIMG先压缩后ajax无刷新上传

现在科技太发达,移动设备像素越来越高,随便一张照片2M+,但是要做移动端图片上传和pc上略有不同,移动端你不能去限制图片大小,让用户先处理图片再上传,这样不现实.所以理解的解决方案就是在上传先进行图片压缩,然后再把压缩后的图片上传到服务器. 一翻google之后,发现了localResizeIMG,它会对图片进行压缩成你指定宽度及质量度并转换成base64图片格式,那么我们就可以把这个base64通过ajax传到后台,再进行保存,先压缩后上传的目的就达到了. 处理过程 LocalResizeIM

DWZ框架Ajax无刷新表单提交处理流程

DWZ框架Ajax无刷新表单提交处理流程是: 1.       ajax表单提交给服务器 2.       服务器返回一个固定格式json结构 3.       js会调函数根据这个json数据做相应的处理 注意: DWZ框架默认的ajax表单提交都是返回json数据,告诉客户端操作是否成功,成功或失败提示信息,以及成功后的处理方式(刷新某个navTab或关闭某个navTab或navTab页面跳转). 表单提交后服务器操作失败了,客户端接收statusCode和message后给出错误提示,表单

ajax无刷新表单提交

ajax无刷新提交笔记 数据库自己模拟建一个 执行一下添加功能 php部分采用pdo方法: <?php $db ='mysql'; $host ='localhost'; $port ='3306'; $dbname = 'ajax'; $user = 'root'; $pwd  = ''; $dsn = "$db:host=$host;port=$port;dbname=$dbname";    //设定字符集  $options = array(PDO::MYSQL_ATTR

Ajax无刷新提交

<!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> <meta http-equiv="Content-

Ajax无刷新提交表单和显示

ajax无刷新表单提交: <!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> <meta http-equiv=&

jquery ajax无刷新删除

职位列表里面显示应聘的简历: 点击简历的数量,弹出层(用load方法调用加载) 弹出的层里面删除简历(无刷新删除),实现方法 ? 1 2 3 4 5 6 7 8 9 10 11 12 $(".Del a").click(function () {             var mid = $(this).attr("name");               var jobid = $(this).attr("lang"); //职位id   

JQUERY AJAX无刷新异步上传文件

AJAX无刷新上传文件并显示 http://blog.csdn.net/gao3705512/article/details/9330637?utm_source=tuicool jQuery Form Plugin 官网地址:http://malsup.com/jquery/form/#tab7 基于MVC4+EasyUI的Web开发框架形成之旅--附件上传组件uploadify的使用 http://www.cnblogs.com/wuhuacong/p/3343967.html