`
xly_971223
  • 浏览: 1283631 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

ajax模式(1)---内容分块模式

阅读更多
最近在读《ajax模式与最佳实践》,可能javascript了解的太少 很多地方读起来非常吃力,还好前面几个模式相对简单,勉强可以看明白。

内容分块模式 content chunking pattern

定义:一个单独的html页面可能包含多个内容分块,这些内容分块的数据被分别引用和下载
应用场景:一个web页面分为几个区域,各个区域的数据通过不同的接口来取得,那么我们可以通过在客户端分别加载来代替由服务器一次全部发送的方式.
此模式是最常用的模式之一,也可以说是ajax的特点。

服务器发送到客户端的数据有以下几种:
1. Xml格式:这是首选数据格式
2. Xhtml格式:这种格式的数据在客户端不用解析,可直接插入到合适的位置,但是这种格式是不推荐的,因为xhtml格式不是通用的。
3. Javascript代码:客户端接受到的js代码可以通过eval语句来执行。这种方式可以完成一些特殊的功能,非常灵活。
第一和第二种方式可能是大家常用的,而第三种方式相信很多人没有用过,用法倒是很简单如下
function(originalRequest){
     eval(originalRequest.responseText);//执行服务器返回的js脚本
}

但是这样服务器返回的js代码跟页面耦合太强,不利于服务端代码的复用
分享到:
评论
4 楼 tin555 2008-02-02  
kljlkj
3 楼 JohnLee 2007-08-27  
hax 写道
第三种方式还要注意一下安全问题。
楼上所说的安全问题,可不可以给点具体的例子,谢谢
2 楼 hax 2007-08-27  
第三种方式还要注意一下安全问题。
1 楼 dlee 2007-08-26  
总结的很好。这三种方式对应着《Ajax实战》中说到的三种交互方式:
1. 以数据为中心的交互
2. 以内容为中心的交互
3. 以脚本为中心的交互

另外以数据为中心的交互不限于XML格式的数据,JSON也是一种很好的格式,还可以使用开发者自己定义的格式,甚至是简单文本。

相关推荐

    Ajax设计模式 中文

    **Ajax设计模式中文** Ajax(Asynchronous JavaScript and XML)是一种在无需刷新整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换,使得网页实现异步更新,提高了用户体验。Ajax...

    csdn资料Ajax设计模式

    **Ajax设计模式** Ajax(Asynchronous JavaScript and XML)是一种在无需刷新整个网页的情况下,能够更新部分网页的技术。这种技术的出现极大地提升了用户体验,因为它允许页面背景与服务器进行数据交互,而用户...

    ajax_struts2進度條

    Struts2是基于Model-View-Controller(MVC)设计模式的Java Web框架,它简化了开发过程,提供了丰富的插件和拦截器来处理各种任务,包括文件上传。 现在,我们将重点关注如何在Struts2中使用Ajax实现文件上传的...

    原生态ajax学习案例

    原生态Ajax默认为异步模式,这意味着`send()`调用后,脚本不会阻塞,可以继续执行其他任务。如果需要同步执行,可以在`open()`方法中第三个参数传入`false`。 六、错误处理 通过`onerror`和`ontimeout`事件,我们...

    struts2+ajax图片上传

    Struts2是一个基于MVC(Model-View-Controller)设计模式的Java Web框架,它极大地简化了在Java平台上构建Web应用程序的过程。Ajax,全称Asynchronous JavaScript and XML,是一种在无需重新加载整个网页的情况下...

    上传控件——ajaxUpLoader

    1. **Ajax上传**: Ajax(异步JavaScript和XML)技术允许网页在不刷新整个页面的情况下与服务器进行数据交互。在上传控件中,使用Ajax可以使用户在上传文件时保持页面的交互性,提升用户体验,因为文件上传过程是...

    页面局部加载,适合Ajax Loading

    1. **滚动加载**:用户滚动页面到底部时,通过Ajax请求加载更多内容。这种模式常见于新闻网站、社交媒体和电商产品列表,如“无限滚动”效果。 2. **点击加载**:用户点击特定按钮或链接触发Ajax请求,加载新的内容...

    C#+MVC ajax+大文件断点续传

    AJAX(Asynchronous JavaScript and XML)是一种创建动态网页的技术,允许在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容。在断点续传中,AJAX用于异步地向服务器发送请求,获取或更新文件上传的...

    AJAX完全手册.rar

    结合响应式设计,AJAX可以实现动态内容加载,根据屏幕大小和设备类型加载不同的内容,提升移动设备用户体验。 ### 10. 错误处理 错误处理是AJAX不可或缺的一部分。通过检查`status`属性和监听`onerror`事件,可以...

    AJAX In Action

    1. **SEO问题**:由于AJAX加载的内容对搜索引擎爬虫不可见,可能影响搜索排名。解决方案包括使用服务器端渲染或预渲染。 2. **历史和回退功能**:AJAX页面无法自动更新浏览器历史记录,可通过HTML5的`pushState`和`...

    ajax 异步流代理类

    在IT领域,Ajax(Asynchronous JavaScript and XML)是一种在无需刷新整个网页的情况下更新部分网页内容的技术。它通过JavaScript与服务器进行交互,提升了用户体验,减少了网络带宽的使用。本篇文章将详细探讨...

    ajax学习资料

    Ajax,全称异步JavaScript和XML,是一种在无需刷新整个网页的情况下,能够更新部分网页内容的技术。它通过在后台与服务器进行少量数据交换,使得网页实现局部刷新,提升了用户体验。Ajax的核心是JavaScript对象...

    ajax无刷新上传

    1. **Ajax基础** Ajax的核心是XMLHttpRequest对象,它允许JavaScript在后台与服务器进行通信。通过创建XMLHttpRequest实例,设置请求方法、URL、同步/异步模式,然后发送请求。当服务器响应时,通过监听...

    彩虹外链网盘V5.3新增用户系统与分块上传

    在分块上传模式下,大文件被分割成若干小块,每个块单独上传,确保即使在网络不稳定的情况下,也能顺利完成文件传输。一旦所有块成功上传,系统会将这些块重新组合成原始文件,从而提高了上传的成功率。 分块上传还...

    ssh2(struts2+spring2.5+hibernate3.3+ajax)带进度条文件上传(封装成标签)

    Ajax(Asynchronous JavaScript and XML)是一种创建动态网页的技术,允许在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容。在这个文件上传场景中,Ajax扮演着关键角色,它使得用户可以实时查看文件...

    pdf.js-gh-pages.zip

    - **加载 PDF**:通过 AJAX 请求获取 PDF 文件内容,然后调用 `PDFDocumentProxy.load()` 方法加载 PDF。 - **渲染页面**:一旦 PDF 加载完成,你可以使用 `PDFPageProxy.render()` 方法将每个页面渲染到指定的 DOM ...

    分布式爬蟲

    - 解析动态加载内容(如Ajax)。 ##### 3. 垂直爬虫 - **特点**:针对特定领域或主题进行深度挖掘。 - **应用场景**:社交媒体监控、电商数据分析。 - **案例分析**: - 微博采集面临的挑战: - 新浪API限制,一...

    jQuery-File-Upload for asp.net MVC

    ASP.NET MVC是一个用于构建动态网站的开源框架,它采用模型-视图-控制器(MVC)设计模式,分离了业务逻辑、数据处理和用户界面,提供更灵活的开发方式。在ASP.NET MVC中,文件上传可以通过HttpPostedFileBase类来...

    SWFupload_struts1.rar

    Struts1是Apache组织的一个开源项目,基于MVC(Model-View-Controller)设计模式,主要用于构建Java Web应用程序。通过Struts1,我们可以更方便地处理HTTP请求和响应,管理业务逻辑。 3. **SWFUpload与Struts1的...

Global site tag (gtag.js) - Google Analytics