页面无刷新处理数据(ajax以及iframe)

来源:互联网 发布:php工程师收入 编辑:程序博客网 时间:2024/04/27 02:14

 最近项目比较紧遇到各种各样的需求,作为一个合格的程序猿只能见招拆招了。

        一般的数据处理的过程(.NET)都会选择使用后台的代码进行处理尤其是数据的增、改、删、查,如果使用到后台那么必然会提交页面带动整个的页面的刷新。那么怎么才能有效的避免一些页面刷新?下面我提供四种思路。

      第一种:想办法将页面提交前的状态使用cookie或者url保存住

      这也是一种方法他是一种退而求其次的办法,在页面提交服务器之前将页面上的一些空间的值保存在cookie中或者在使用url将一些状态作为参数保存下来。缺点也显而易见,就是由于他们的数据量级相对的较小。如果单个页面的状态太多使用这个方法显然不切实际。

      第二种:使用iframe

      将局部需要提交服务器处理的区域单独的取出来放在一个子页面中,通过iframe将子页面引入到父页面中。这样就可以实现页面的局部刷新,也不需要在数据提交服务器处理完成后返回客户端重新加载脚本。也不需要担心父页面与子页面之间的值传递,通过js可完美的解决这个问题。

       第三种:使用原始的UpdatePanel

       UpdatePanel控件,他是Vs自带的ajax服务器控件他可以实现比较简单的异步数据交互。它有一个缺陷就是会将局部的页面提交到服务器,当页面会传到客户端的时候原先的js控制代码就失效了。虽然网上有解决方案,但是个人感觉他十分的繁琐每次页面回发完成js控制脚本既要重新加载。

      第四种:使用ajax

      个人觉得ajax的使用真正的能够使得程序猿拥有更大的思维空间,他和前面集中方式比起来更加的得心应手。只要能否避免页面刷新,那么程序猿就能给你一个精彩的世界。ajax实现了不需要刷新页面即可调用服务器代码,实现数据的增、改、删、查。这样整个的页面状态都能得以保存。ajax配合json,一般处理程序序可以很好的实现页面无刷新出具处理。

     以上的四种方法各有各的优点,要适当的随机应变使用策略不要拘泥。这样才能够找到更多的处理方法。避免了页面刷新其实也就是解放后台,以及减轻服务器压力的过程这样我们可以将展示数据以及数据处理分开,减少耦合性。

原创粉丝点击