代码改变世界

随笔分类 - AJAX

JavaScript之web通信

2013-12-17 22:01 by Barret Lee, 9067 阅读, 收藏, 编辑
摘要:web通信,一个特别大的topic,涉及面也是很广的。因最近学习了 javascript 中一些 web 通信知识,在这里总结下。文中应该会有理解错误或者表述不清晰的地方,还望斧正!一、前言1. comet技术浏览器作为 Web 应用的前台,自身的处理功能比较有限。浏览器的发展需要客户端升级软件,同时由于客户端浏览器软件的多样性,在某种意义上,也影响了浏览器新技术的推广。在 Web 应用中,浏览器的主要工作是发送请求、解析服务器返回的信息以不同的风格显示。AJAX 是浏览器技术发展的成果,通过在浏览器端发送异步请求,提高了单用户操作的响应性。但 Web 本质上是一个多用户的系统,对任何用户来说 阅读全文

PJAX的实现与应用

2013-12-06 10:14 by Barret Lee, 38583 阅读, 收藏, 编辑
摘要:一、前言web发展经历了一个漫长的周期,最开始很多人认为Javascript这们语言是前端开发的累赘,是个鸡肋,那个时候人们还享受着从一个a链接蹦到另一个页面的web神奇魔术。后来随着JavaScript的不断更新换代,他的功能不仅仅是为网页添加一点特效了,语言本身的加强以及对DOM操作能力的提升让他在前端大放光彩。尤其是ajax的出现,让JavaScript以及整个web的发展翻开了崭新的一页。利用ajax局部刷新页面,相信很多人玩得相当熟练了。如果整个页面的刷新都是使用ajax,我们可以称之为一个webapp,所有的逻辑都是在当页处理,这种形式的页面带来的体验是十分不错的,减少了那些比较“ 阅读全文

Javascript综合应用小案例(续)

2013-05-05 00:41 by Barret Lee, 1384 阅读, 收藏, 编辑
摘要:上一篇文章,弄了一个 取词和 标红 功能的小应用,但是存在一些bug,今天修修补补,顺便也把ajax部分补上了~Demo地址::http://qianduannotes.sinaapp.com/getKeyword/代码部分:var GetKeywords = { str: "", limit: 11, keywords:[], url: "./tool.php", //page id getId: function(){ this.id = this._("wp").getAttribute("data-page&quot 阅读全文

利用XMLHttpRequest响应头部的Date来做倒计时

2013-04-13 13:46 by Barret Lee, 2619 阅读, 收藏, 编辑
摘要:关键词:倒计时 XMLHttpRequest readyState Date AJAXProblem [问题描述]先看看这个:(搜狗团购网站)还剩多久多久,这个东西你是怎么做的。不推荐方案脑残方案一: 把截止时间保存到cookie中,然后与现在时间做差值,进行比较。 方案评价: 1. 如果用户cookie没开怎么办? 2. cookie不宜过多,cookie过期管理等麻烦!脑残方案二: 把服务器的本地时间作为参数送到客户端,然后js相关处理 方案评价: 因网络延迟等原因存在误差屌丝看完变高富帅^_^ 先给你看一张图:(向服务器请求的某个任意文件)好像有的同学瞬间就... 阅读全文

ajax请求管理

2012-09-16 01:02 by Barret Lee, 363 阅读, 收藏, 编辑
摘要:本文从ITeye导入ajax请求管理——问题提出 Ajax应用程序虽然很强大且对用户很友好,但是也存在一些问题。 如果客户端向服务器发送请求过于频繁,服务器将会陷入对来自多个用户的大量请求的处理中。进而,客户端在等待服务器返回大量的响应时就会变得十分迟钝。 HTTP1.1规范中规定一个客户端在同一时刻与同一个域名不能有两个以上的链接。虽然有一些方法能够突破这个限制(诸如使用子域名来处理某些请求),但绝大多数浏览器在同一时刻能够发起的链接也是有限的。 当使用XHR时,这个限制将在后台进行处理:你只是根据自己的需求来启动请求,而浏览器在打开连接时将把他们放到队列中逐步发送。当请求比较少或者间隔比较 阅读全文