`

Ajax技术特点:怎样达到不刷新页面即可数据更新

    博客分类:
  • Ajax
阅读更多

                 中间媒介商Ajax是个很神奇的中介商,由于他的好客,热情,服务态度好,导致效率很高,现在很多网站都喜欢和他合作,我们看看他的神奇地方。

                上次我们聊了Ajax在其间所扮演的角色,Ajax引擎的功能巨大,消除了网络交互中的处理--等待--处理--等待的确定啊,它是怎么实现的呢,话说这点我也是很好奇,因为我对web的实验,在jsp的改变确实是在刷新后才能看到了。

1.减轻了服务器的负担,是客户端闲置资源在进行的处理。

2.王者无刷新,Ajax利用XMLHttpRequest对象发送请求并得到服务器响应,在不需要重新载入整个页面的情况下,就可以通过DOM及时将更新的内容显示到页面上,这个对象很神奇,打算试试用一下,秉着先了解再用的原则,之后做项目用到我会把这个神奇的效果发到这里

3.可调用XML等外部数据,促进页面显示与数据分离,这个在安卓中体会很深,基本上在页面上不直接写什么数据,都是调用另一个文件夹的xml,有时候是style.xml,有时候是color.xml,但是凡事都有先来后到的顺序,不得不承认这种形式是网页先开始。

4.不需要下载插件或者程序,实现桌面应用程序效果(这个不太懂)

5.无平台限制。

不过本身Ajax也有缺点,大量的javascript语言,可视化设计困难,打破了页的概念,给搜索引擎带来困难,这些都需要自己去体验,光看估计很难体会到

 

注意问题

1.网络安全

web流量器执行Javascript功能时,允许任何人编写的代码运行,这样十分不安全,那么浏览器厂商就提供了一个sandbox沙箱来执行javaScript代码,何谓沙箱,相信大家或多或少都听过这个词,但是不一定知道这是干嘛的,举个小例子,你的电脑插入了别人的优盘,360提示你在沙箱里运行程序或者文件,有时候你发现正常的程序运行不出来,虽然我不知道我自己编写的程序经常被360标注为危险程序,被提到沙箱运行,这时候表示程序不完全,这是因为沙箱只能访问到很少的计算机资源的封闭空间,就好像有一个人来到我家,,那么我肯定不希望他看到我的闺房,于是呢我就把他的活动范围限制在客厅,他只能获取到客厅的资源,这就是沙箱功能。

 

另一个就是http传输数据加密,一些普通信息倒是无所谓,但是涉及到机密信息,例如用户账号密码那就要加密,避免恶意路由读取传输内容,所以叫你们不要随便连来路不明的wifi,聊天打嗝无所谓,支付什么的还是不要不要了

 

在一个就是客户端调用远程服务的安全问题

一些高手确实可以跳过javascript检查用户的权限,这个比较屌,其实我也想试试,在Ajax应用中,应该将所有的Ajax请求都发送到服务器,由控制器检查

如何对Ajax进行优化:

  • 尽量使用局部变量,少全局
  • 尽量少用eval,每次用将花费大量时间
  • 将Dom节点附加到文档上
  • 尽量减少“.”号操作符使用

虽然还不知道后三个是什么,但是以后用到会注意,没注意也会记住来翻这篇博客

Ajax使用到的技术

XMLHttpRequest

  1. XML
  2. JavaScript
  3. CSS  Cascading  Style  Sheet  层叠样式表
  4. DOM

接下来的几节会用到XMLHttpRequest,也可以揭秘它看看是怎么回事

2
0
分享到:
评论

相关推荐

    使用Ajax实现页面表格添删改查的异步刷新操作

    AJAX实现页面表格的添删改查操作,异步刷新,有温馨手册,直接部署到项目即可使用,数据库已备,非常方便的代码。

    Asp.Net基于Ajax的无刷新聊天室

    ·页面实时更新,无需完全刷新页面; ·聊天内容更新时,只需要读取最新的聊天信息,做到“按需取数据”。 本项目将会实现以个基于Ajax的无刷新聊天室,其功能比较完善,主要特点如下: ·采用数据库记录在线用户及...

    jsp+Ajax无刷新验证码

    这样不但要重新刷新页面,导致用户没有看清楚验证码而重填而不是修改,而且如果没有用session保存下用户输入的其它数据的话(如姓名),用户刚刚输入的内容也不存在了,这样给用户造成不好的体验。 本例在原有验证...

    基于jQuery实现滚动刷新效果

    实际情况使用Ajax获取后台数据更新前端页面即可实现页面滚动刷新效果 HTML正文: <form id="form1" runat="server"> </form> Javascript操作代码: $(document).ready(function() { $(window)....

    jsp+Ajax无刷新验证码完整版

    这样不但要重新刷新页面,导致用户没有看清楚验证码而重填而不是修改,而且如果没有用session保存下用户输入的其它数据的话(如姓名),用户刚刚输入的内容也不存在了,这样给用户造成不好的体验。 本例在原有验证...

    jquery ajax多次请求数据时 不刷新问题的解决方法

    jquery的ajax在频繁请求数据,或者重复请求数据的时候出现了一个情况,那就是非ie浏览器正常,ie浏览器会设置缓存,导致第二次请求的时候不会刷新,系统报304 not modify, 解决方案: jquery的ajax方法提供配置...

    AJAX基础概念、核心技术与典型案例(内涵动态实例)

    打开阅读RSS时,自动获取最新的RSS内容,而无需刷新页面。 /RSSReader.jsp RSS阅读器 /rss.js JavaScript脚本文件 第25章(/ch25) 程序描述:本章将仿照Google Suggest,使用Ajax技术实现动态获取...

    Ajax课件学习(免费)

    现在,允许浏览器与服务器通信而无须刷新当前页面的技术都被叫做Ajax. AJAX:(Asynchronous JavaScript and XML)并不是一项新技术,其实是多种技术的综合,包括Javascript、XHTML和CSS、DOM、XML和XMLHttpRequest. ...

    AJAX 源码范例

    在完成拖拽后,无须刷新页面,即可保存布局。 源码结构说明 1.AjaxDemo文件夹下为源文件 2.AjaxDemo.war为部署文件 <br>第20章 程序描述:本章将实现上传文件时显示进度条的功能。当上传文件时,...

    在Ajax应用程序中实现数据交换

    调用的Servlet/JSP将发回一个响应,其中包含了一般用于不需刷新整个页面即可更新用户查看内容的数据。此种方法在性能和可用性方面均体现出了独有的优势,因为这将降低网络通信量,而且WebUI的使用几乎与桌面GUI一样...

    Quicky:Quicky是基于实时项目的聊天应用程序,该实时项目是在Ajax和PHP的帮助下作为客户端和服务器端创建的,无需刷新页面即可检索数据并知道系统的确切值

    系统登录页面 登录系统用户后显示仪表板 “ Mohit Nandpal”是当前在线上的用户。 聊天框页面 在这里,“ Mohit nandpal”与当前离线的“ Creator nandpal”聊天。 聊天页面中的新消息呈现 “ Mohit nandpal”和...

    rtable:AJAX驱动的表格数据网格组件

    演示: , 设计目标: 易于设置并连接到任何数据源无障碍: 页面刷新和书签工作(在导航时会更新URL) 按住Control键的同时单击按钮即可正常工作(导航是顶部带有额外JS的常规链接) 状态: alpha ,正在运行,已经...

    ajax异步留言

    主要jquery ajax静态页面查询添加 数据无刷新效果 数据库采用的sql2008 你也可以选择2000、2005 等mysql数据库 数据库文本 在App_Data中 agebook_database.sql 打开.sql文件并按照说明运行它即可,如运行不成功请...

    dhtmlxgrid中文培训资料.ppt

    并且支持设置列的数据类型(数字、字符串、日期),按类型排序页面所有数据操作全部采用Ajax技术后台处理,整个页面只会加载一次,所有操作均仅更新页面相应区域,页面不会整体刷新。支持原位编辑,双击要编辑的...

    Angel工作室LigerUi框架留言板 v1.0

    Angel工作室LigerUi框架留言板NT V1.0程序说明本留言板采用asp.net C#+ jquery1.4.1 +ajax+LigerUi框架的实现主要jquery ajax静态页面查询添加 数据无刷新效果数据库采用的sql2008,access2003 你也可以选择2000、...

    GoodProject Maven Webapp.zip

    传统的网页(不使用 AJAX)如果需要更新内容,必须重载整个网页页面。 系统主要运用在:主要运用于系统的表单验证比如登录注册验证码以及一些需要不刷新页面的异步提交页面(在车票查询,登录注册表单验证页面使用到了...

    Ajax的语法浅析

    在Ajax的帮助下我们的网页只需局部刷新即可更新数据的显示,减少了不必要的数据量,大大提高了用户体验,缩短了用户等待的时间,使得web应用程序更小、更快,更友好。当然以上都是司空见惯的内容了,作为一名合格的...

    PowerCommAJAX框架 V2.01

    如何协调局部及全局AJAX刷新间的冲突,已经成为.NET开发人员非常棘手的事情,效率与开发便捷都难以取舍,PowerCommAJAX框架2.0版本成功解决了该问题,PowerCommAJAX提供了全新的类比技术,即使在全局应用情况下,也...

    Angel工作室LigerUi框架留言板源码 AngelMessageBoards.rar

    主要jquery ajax静态页面查询添加 数据无刷新效果 二、菜单功能 1、本程序包括源码和编译过的版本 2、如果只是用或者放到空间 直接传入“Web发布后的程序”这个文件夹即可 3、如果在vs中调式请选择另一个文件夹,...

Global site tag (gtag.js) - Google Analytics