页面无刷新处理数据(ajax以及iframe)
2013-05-09 16:34
411 查看
最近项目比较紧遇到各种各样的需求,作为一个合格的程序猿只能见招拆招了。
一般的数据处理的过程(.NET)都会选择使用后台的代码进行处理尤其是数据的增、改、删、查,如果使用到后台那么必然会提交页面带动整个的页面的刷新。那么怎么才能有效的避免一些页面刷新?下面我提供四种思路。
第一种:想办法将页面提交前的状态使用cookie或者url保存住
这也是一种方法他是一种退而求其次的办法,在页面提交服务器之前将页面上的一些空间的值保存在cookie中或者在使用url将一些状态作为参数保存下来。缺点也显而易见,就是由于他们的数据量级相对的较小。如果单个页面的状态太多使用这个方法显然不切实际。
第二种:使用iframe
将局部需要提交服务器处理的区域单独的取出来放在一个子页面中,通过iframe将子页面引入到父页面中。这样就可以实现页面的局部刷新,也不需要在数据提交服务器处理完成后返回客户端重新加载脚本。也不需要担心父页面与子页面之间的值传递,通过js可完美的解决这个问题。
第三种:使用原始的UpdatePanel
UpdatePanel控件,他是Vs自带的ajax服务器控件他可以实现比较简单的异步数据交互。它有一个缺陷就是会将局部的页面提交到服务器,当页面会传到客户端的时候原先的js控制代码就失效了。虽然网上有解决方案,但是个人感觉他十分的繁琐每次页面回发完成js控制脚本既要重新加载。
第四种:使用ajax
个人觉得ajax的使用真正的能够使得程序猿拥有更大的思维空间,他和前面集中方式比起来更加的得心应手。只要能否避免页面刷新,那么程序猿就能给你一个精彩的世界。ajax实现了不需要刷新页面即可调用服务器代码,实现数据的增、改、删、查。这样整个的页面状态都能得以保存。ajax配合json,一般处理程序序可以很好的实现页面无刷新出具处理。
以上的四种方法各有各的优点,要适当的随机应变使用策略不要拘泥。这样才能够找到更多的处理方法。避免了页面刷新其实也就是解放后台,以及减轻服务器压力的过程这样我们可以将展示数据以及数据处理分开,减少耦合性。
一般的数据处理的过程(.NET)都会选择使用后台的代码进行处理尤其是数据的增、改、删、查,如果使用到后台那么必然会提交页面带动整个的页面的刷新。那么怎么才能有效的避免一些页面刷新?下面我提供四种思路。
第一种:想办法将页面提交前的状态使用cookie或者url保存住
这也是一种方法他是一种退而求其次的办法,在页面提交服务器之前将页面上的一些空间的值保存在cookie中或者在使用url将一些状态作为参数保存下来。缺点也显而易见,就是由于他们的数据量级相对的较小。如果单个页面的状态太多使用这个方法显然不切实际。
第二种:使用iframe
将局部需要提交服务器处理的区域单独的取出来放在一个子页面中,通过iframe将子页面引入到父页面中。这样就可以实现页面的局部刷新,也不需要在数据提交服务器处理完成后返回客户端重新加载脚本。也不需要担心父页面与子页面之间的值传递,通过js可完美的解决这个问题。
第三种:使用原始的UpdatePanel
UpdatePanel控件,他是Vs自带的ajax服务器控件他可以实现比较简单的异步数据交互。它有一个缺陷就是会将局部的页面提交到服务器,当页面会传到客户端的时候原先的js控制代码就失效了。虽然网上有解决方案,但是个人感觉他十分的繁琐每次页面回发完成js控制脚本既要重新加载。
第四种:使用ajax
个人觉得ajax的使用真正的能够使得程序猿拥有更大的思维空间,他和前面集中方式比起来更加的得心应手。只要能否避免页面刷新,那么程序猿就能给你一个精彩的世界。ajax实现了不需要刷新页面即可调用服务器代码,实现数据的增、改、删、查。这样整个的页面状态都能得以保存。ajax配合json,一般处理程序序可以很好的实现页面无刷新出具处理。
以上的四种方法各有各的优点,要适当的随机应变使用策略不要拘泥。这样才能够找到更多的处理方法。避免了页面刷新其实也就是解放后台,以及减轻服务器压力的过程这样我们可以将展示数据以及数据处理分开,减少耦合性。
相关文章推荐
- iframe实现无刷新上传文件并在当前页面返回数据php处理方式
- 关于showModalDialog()弹出窗口.更改了页面的数据,再次点击页面却没有刷新-cache 处理
- 刷新页面后,数据保留在原页面方法(session信息共享,ajax局部刷新)
- 使用AJAX方法可以不刷新页面就从服务器上获得信息(文件信息,方法,数据库中的数据)
- C# 使用ajax把数据从页面传到一般处理程序中去
- ajax提交请求到后台以及页面数据的一些验证
- 瀑布流AJAX无刷新加载数据列表--当页面滚动到Id时再继续加载数据
- .net 密码框赋值、输入以及页面刷新状态下的处理过程
- 异步获取数据Ajax,以及对获取的数据进行绑定(显示在页面上)
- 17 Jquer定时刷新以及循环遍历功能和ajax 的异步请求数据
- 使用Ajax获取后台返回的Json数据后,页面处理
- Jquery 使用Ajax获取后台返回的Json数据后,页面处理
- Ajax实现无刷新的获取数据并绑定到GridView,以及无刷新更新数据[转]
- JS+Ajax+Jquery实现页面无刷新分页以及分组 超强的实现第1/2页
- asp.net 文件上传与刷新与asp.net页面与iframe之间的数据传输
- javascript发送表单文件,ajax异步,不刷新页面上传PDF文件,并写入数据库,得到异步数据,提示上传成功或失败
- 使用jquery、ajax不刷新页面打印表格(返回数据类型text、json);
- Django项目中model的数据处理以及页面交互方法
- 若请求数据大而且处理时间长,为了防止页面load timeout,可以先render页面,再异步发ajax请求,将数据append到页面。
- 发送ajax请求无刷新生成表格的方法(处理json数据)...