好久没有关注 Google 自定义搜索. 今天上去一看很多地方都改掉了. Google 更偏向于使用他的 Ajax API. 好吧, 我也来研究一下. 基本来说文档还是很详尽的.
做了个小尝试. 利用 Google Ajax API 写了个 Google 自定义搜索. 可以用来搜索本站内容.
注意: 原则上 Google 要求保留它的 logo. 所以大家在使用的时候还是最后加上. 这也是对 Google 的一种尊重吧.
我写的 DEMO 在这里.
Posts Tagged "ajax"
基于 javascript 的简单缓存思路
September 13th, 2009
{ 4 Comments }
我在博客上用了很多的 javascript 代码, 来实现些简单的动画效果和 Ajax . 本意是为了好看, 增强用户体验但是也不得不有所牺牲: 1. 可能会增加数据库请求. 2. 无法使用浏览器前进后退按钮.
今天写个思路来缓解一下第一个问题 ( 数据库请求 ) 注意只是缓解. 因为不是真正的缓存.
我们知道所以的 Ajax 请求其实和不同的请求是没有什么两样的. 但它也有自己的特点:
- 通过特定的 URL 请服务器请求数据.
- 可能包含特定的头部信息 ( RequestHeader ) .
- 服务器端有专门的代码来识别这些特殊请求, 并作相应处理.
Ajax 只是可能增加数据库请求, 并不是绝对会增加数据库请求. 这个要具体情况具体分析. 像我目前使用的这种分页方法就没有增加反而是减少请求.
我的思路是将请求返回的数据在展示的同时也放到一个数组变量里, 在下次请求的时候直接从这个缓存变量中取值. 因此, 这时 Ajax 的请求顺序变为: 先判断缓存如果有需要的数据则返回缓存数据, 没有则执行 Ajax 请求, 并在请求成功后缓存返回数据.
以 Ajax 分页 举例:
Ajax之jQuery
April 20th, 2009
{ 34 Comments }
知道了一些基本的Ajax再来看jQuery的官方文档就比较容易理解了.我还是菜鸟.不能和大家来讨论更多的理论上的东西.很多人也不喜欢理论上的东西.所以这次我用jQuery的Ajax来做一个东西.—随机一句话.
大家也许注意到我的站点header部分能随机的现实一句话.单击还能刷新!怎么实现的.今天我们就一步一步做一个.哈哈.follow me.
服务器端代码是借鉴的wordpress自带的一个插件Hello Dolly.它能在后台随机显示一句话.但是不支持Ajax.我们要做的是把他弄到前台显示.并实现Ajax刷新的效果.
Read more…
Ajax学习之一个post方法(例子)
April 17th, 2009
{ 9 Comments }
不知道大家注意到我的links页面没有.我写加了搜索评论和查Google PR的功能.今天写个例子实现查PR的例子.基于POST方法.
这个例子用GET方法其实也是很好的.因为传输的数据很少.但是对于一个比较大的表单.项目比较多.输入的字符比较多.那就必须用POST方法了.
下面开始写服务器端查pr的代码.这些代码是我在网上找的,我把它改成我需要的样子.可能不是最好的方法,但是我的要求是能实现查询即可.是在迅雷上找的.源码没有注明作者.这里不好点名感谢了.总之谢谢.哈哈
Read more…
学习Ajax之XMLHttpRequest对象
April 15th, 2009
{ 12 Comments }
上一篇讲到了Ajax的核心是XMLHttpRequest对象,所有的东西都是通过它来实现的.今天就来创建一个XMLHttpRequest对象.并用它来生成一次请求,并处理响应.
正确创建XMLHttpRequest对象
由于浏览器的差异,创建这个对象需要通过浏览器能力的检测.从而相应的实例化这个对象.通常我们是通过构造函数来实例化一个XMLHttpRequest对象.这样做的好处是可以复用.因为我们一般不可能只是创建一个.而通常是创建多个.
function createXmlHttpObject(){ var xmlHttp = null; try{ xmlHttp = new XMLHttpRequest(); }catch(e){ try{ xmlHttp = new ActiveXObject("Msxml2.XMLHTTP"); }catch(e){ xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); } } return xmlHttp; }
