Home » 中文 » Code » AJAX - 老酒有了新瓶子 « 易用性的三条原则 | Wendy到了西雅图 »

AJAX - 老酒有了新瓶子

相关帖子
作者:Jian Shuo Wang 发表于: 2005-06-16 03:06

为了在客齐集上面改一个小东西,晚上忽然突发奇想,作了点尝试,花了大约1个小时的时间,写了点号称是AJAX的东东。简单的来说,就是让任何人可以在我的页面上帮我加批注。尝试一下拿鼠标选中一段文字(最好是一小段)看看。如果不出意外的话,应该有红色的下划线的标注,如果重新刷新一下页面的话,应该还在。为了让界面不是太乱,所以只保留了最新的几个批注。之前的先不显示了。

其实,这个应用是个简单得不能再简单的JavaScript应用,只不过被冠以了AJAX这个今年2月份才诞生的名词以后忽然热了起来。AJAX这一个单词,居然可以把一堆98年就开始用的技术推到前台来,成为当今在特定的圈子里最热的词汇,倒是一个典型的tipping point(临界点)的案例。就像99年Netcenter用的RSS终于在2002年开始被从blogger捡起来,并在2005年焕发了青春。

这些用Javascript+XMLHTTPRequest的做法给我们提供了一个很广阔的空间,可以有很多的想象。比如,在任何静态的页面里面,只要加入这段代码也就可以拥有这个功能了。

<script language=Javascript src="http://home.wangjianshuo.com/scripts/php/markit.php">
</script>

把鼠标放在上面还可以知道是从哪个IP在什么时间批注的。值得注意的是,这只是一个最简单的SAJAX应用,如果把它应用于地图,以及应用于多个网站之间的联合,会有更让人惊讶的结果出来。估计,以后客齐集的后台的管理系统将会是最早使用这些简单但是有效的思想的地方。

注:那些红线,只是在Word里面随手画的。
注二:没有经过测试,FireFox下面什么样子不晓得,放在其他页面怎么样也不晓得。。


更新: 把这个演示的功能去掉了。

<script language=Javascript src="http://home.wangjianshuo.com/scripts/php/markit.php?i"></script>


Posted by Jian Shuo Wang at June 16, 2005 03:38 AM | TrackBack (6) | 收藏此页到365Key
相关贴子:
评论

hi 建硕大哥 看你的blog有段光景了 由于只看不写的这个坏习惯 导致现在才给你写第一次留言
很喜欢客齐集 看好它 也祝你们成功 同样我也是个创业者 不过我可没你这么有名 哈哈 创业肯定有辛酸和幸福 很愿意和你交流一些看法想法 顺便指教我一二 有空跟我聊聊吧 不要对我不理不睬 呵呵 qq:54104884 msn:david520cn@163.com

Posted by: david on June 16, 2005 06:51 AM

的确不错,收藏下来

Posted by: duduwolf on June 16, 2005 09:45 AM

有意思,新瓶子有时会将老酒变成时尚的东西

Posted by: pangxiaowei on June 16, 2005 10:05 AM

hehe...

诚如你言,Firefox下面是不工作的

只能显示、不能加标记

Posted by: fangfeich on June 16, 2005 10:12 AM

一下划了好几个,我在想,如果后一个人在别人划过的基础上再选择一下,结果呢?谁的IP?哦,尝试一下,看到了,是多条细线。有意思

Posted by: Mandy on June 16, 2005 10:14 AM

出意外了,没看到红色的下划线的标注(IE下),难道是RPWT?

Posted by: 张智勇 on June 16, 2005 10:18 AM

XMLHttpRequest并不是W3C规定的标准技术,在不同的浏览器上,创建XMLHttpRequest对象的方式也不同。

Posted by: Meng Yan on June 16, 2005 10:38 AM

在firefox下不能用

Posted by: chenqj on June 16, 2005 10:54 AM

兄弟是不是半夜写的,估计累得都睁不开眼睛了,太多的错别字了,都是输入法惹的祸。

Posted by: harian on June 16, 2005 11:18 AM

很喜欢看你的文章.每次来都会学到新的东西.

Posted by: on June 16, 2005 11:40 AM

我的一个同学在深圳,我有一次谈到wangjianshuo blog,他告诉我,你不知道吗,wangjianshuo的BLOG很有名的.他也知道.

我是在上海工作.偶尔看这个BLOG.认为很好.特别是English的部分.
祝你的blog越办越好.

Posted by: shirley on June 16, 2005 12:35 PM

AJAX is good example, it is even a Cool technology, once it is focus changed to User Experience, it is popular...

ps, the sample is cool...

Posted by: jack on June 16, 2005 12:36 PM

在Opera上也可以。(所以说,Opera比Firefox好)
只是太长了就变成一行了

Posted by: 宇蠢 Yuest.net on June 16, 2005 01:28 PM

技术是不错的,但是还有若干bug:
一、不能换行
二、不能重叠选择
三、如果是选择的字符串有多个,则会画到第一次出现的地方,比如选择“一”

Posted by: cnfree on June 16, 2005 02:03 PM

http://tech.sina.com.cn/mobile/search_result.html?&price=1000,1499&date=2003-01-01,2009-01-01

在2月之前sina科技就有了这种模式, 不过不是xmlHttp 方法实现,AJAX 呵呵:P

Posted by: shadow on June 16, 2005 04:18 PM

很有意思,

Posted by: 刘勇 on June 16, 2005 05:42 PM

很有意思的东东 想看看服务端作了些什么

Posted by: netwjx on June 16, 2005 05:56 PM

好玩,呵呵

Posted by: mulberry on June 16, 2005 06:45 PM

怎么可以认为new ActiveXObject("Microsoft.XMLHTTP");这样的代码可以在Firefox里面运行呢?
XMLHTTP是有跨平台的写法的。
Microsoft开头的无法跨平台。

另外我发现http://home.wangjianshuo.com/cn/,现在在IE里无法显示了,很是奇怪啊。Safari和Firefox也不可以。

Posted by: Ginn on June 16, 2005 10:22 PM

我也有rpwt?也看不到红线啊

Posted by: Elfe on June 17, 2005 12:35 AM

今天早上在另外一个blog上也看到类似应用,(可惜在公司,忘记地址了),不知道是否也是用这里的代码。很实用很创意的一个交互工具,实在太强了。

Posted by: 狂风 on June 17, 2005 12:52 AM

Microsoft.XMLHTTP 和 Msxml2.XMLHTTP是只有在IE里面才可以用的,但是XMLHttpRequest 是Mozilla 和 Apple的Safari浏览器缺省支持的,所以可以安全的说,在IE, FireFox和Safari里面是兼容的,但是它的兼容性显然没有纯HTML好.这是实现这种兼容性的代码:

function sajax_init_object() {
sajax_debug("sajax_init_object() called..")

var A;
try {
A=new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
A=new ActiveXObject("Microsoft.XMLHTTP");
} catch (oc) {
A=null;
}
}
if(!A && typeof XMLHttpRequest != "undefined")
A = new XMLHttpRequest();
if (!A)
sajax_debug("Could not create connection object.");
return A;
}

Posted by: Jian Shuo Wang on June 17, 2005 02:14 AM

xmlhttp,这个词已经听了N遍了,我这里还有上海的一场讲座,就是讲它的好处的,以及无刷新技术~~~~看完这个,决定好好研究一下

Posted by: iceshow on June 17, 2005 03:13 AM

应该是标准的,为什么firefox下不好使?

Posted by: june6 on June 17, 2005 12:51 PM

建硕大哥,提个意见:建议把“客齐集”改名成“客集集”。
第一:齐集 虽然有意思但实在拗口,我总也记不住是“集齐”还是“齐集”,像我这样多次见到这个名字的都记不住相信很多停一辆次的肯定会弄昏。
第二:“客集集”和 kijiji 比较像,容易记住。

Posted by: BlogBBS on June 17, 2005 10:58 PM

firefox 也支持。只是语法不同

function createRequestObject(){
var request_o;
var browser = navigator.appName;
if(browser == "Microsoft Internet Explorer"){
request_o = new ActiveXObject("Microsoft.XMLHTTP");
}else{
request_o = new XMLHttpRequest();
}
return request_o;
}

Posted by: hhq on June 17, 2005 11:00 PM

BlogBBS ,多谢了,关于改名,这。。。。

hhq, 其实,只是FireFox对onmouseup的事件好像不相应的样子,而对于XMLHTTPRequest的支持是很好的,要不然也不会出现可以看,但是不能画的事情了。

Posted by: Jian Shuo Wang on June 17, 2005 11:38 PM

看王大哥的blog有段时间了,确实值得看。
我提个意见:把你的超链接在新窗口打开吧

Posted by: song woo ping on June 18, 2005 03:29 PM

好,让我慢慢改过来吧。

提这个意见的人很多了,我以前还是很不喜欢超链接在新窗口打开,现在看到,还是这样做比较顺应民意。。。

Posted by: Jian Shuo Wang on June 19, 2005 01:34 AM


看来挺好的技术,我在中文43things里也试试
http://it915.net/zeitgeist

Posted by: 43things on June 21, 2005 01:45 PM

我觉得google使用的ajax很实用,王兄的ajax或者可以用在读书栏目比较好,
让每个阅读的人勾一下句子. 或者用在电子政务中也可以.

不过,用得最多的情况可能就是下拉框的选择.

互联网六级搞笑考试,挑战IT业精英
http://www.jobdao.com/protest/vtest001_21.htm

Posted by: 才迷心窍 on June 21, 2005 04:17 PM

TrackBack URL for this entry: http://www.donews.net/yimao/archive/2005/06/28/446480.aspx

整理一下Gmail的工具
另外,前两天看到了王建硕Blog上关于AJAX的介绍,感觉这个功能如果用
在Gmaill里也不错,如果对方邮件地址同在Gmail下,就可以使用特别的
批注功能,如果顺便还能加入手写板输入功能那就更好了,微软的电子墨
水技术也会大有用武之地。

Posted by: leolee on June 28, 2005 10:09 AM

我自认为自己不是技术派,因为我觉得任何技术是用来解决问题的,不论新技术还是旧技术如果不能解决你面临的最重要的、最根本的问题,那么采用它就没有必要。作为一项应用,如果用户是因为不明白或者不喜欢这个应用,即使你把这个应用做的再好用、再易用我想用户仍然不会去使用它,因为你没有解决根本问题。
http://bulaoge.com/topic.asp?dmn=york&tid=4080

Posted by: york on July 4, 2005 04:36 PM

有人说的不出现, 是因为查找字符方式的原因, 一些单字常用字, 有可能前面已经出现了, 所以在比较后面MARK字的时候, 只在前面MARK了~~~

Posted by: fivebull on July 13, 2005 09:59 AM

开始没反应,现在好了,于是不小心多划了几道,呵呵,见谅

Posted by: boks on July 18, 2005 04:45 PM

你的这个代码我看了一下,其实是有个BUG的。。。是因为你的字符串搜索方式决定的。。。
本人也并不认为AJAX是一个如何高超的东东,其实我在不知道这个名词之前已经开始使用了它。
虽然觉得在用户体验上可以比较好,但是仍然存在一些问题,比如:跨域名的问题。
XMLHttpRequest不可以加载不同域名下的XML数据源。
欢迎与我交流:
QQ 3994086
加我请说明技术交流,一般陌生人我会拒。。。。

Posted by: hu_zy on July 18, 2005 08:10 PM

大家有兴趣可以到http://www.bindows.net/去看看,
三年前我就在一个项目中以这种技术开发RichClient,但是三个月以后,我们最后还是不得不放弃.
因为速度太慢了,js的资源无法释放..

Posted by: NetDebug on July 29, 2005 08:23 PM

很老东西了,做的最好的是 Equill,不过后来被m$收购了,当时的推出概念是 GroupWare 群件,基于Internet的协作。当然了,人家是做了个ActiveX,还有浏览器的底栏,可以放置工具条。
所以支持标注、圈阅、便签和抓图功能,圈阅可以在页面上手绘,支持4种颜色和线条粗细。
当年我还是很仔细的分析过这种技术实现,不过现在网上很已经找不到了,如果有兴趣可以访问他们的网站
http://www.e-quill.com

Posted by: zwq00000 on August 5, 2005 06:04 PM

非常有意思的技术,

可以把它当成一种新的交互支持。

我现在烦透了ASP,PHP,之流。

签名:
http://xiangtool.nease.net

Posted by: OII on August 6, 2005 10:17 AM

That was just the code I was looking for. Thanks dude

*****
function sajax_init_object() {
*****

Posted by: Michael the Goal Setting Dude on August 9, 2005 04:25 PM

非常不错的功能
^_^
我平时就有用鼠标刮字来看的习惯,这次我的眼睛倒是有点招罪了~~
哈哈

Posted by: mistysun on August 19, 2005 02:17 AM

nice to be seen

Posted by: Best on September 3, 2005 03:28 AM

test

Posted by: javacup on September 4, 2005 06:10 PM

"*" 应当被转义,否则要出错

Posted by: verve on September 6, 2005 12:59 PM

我也试试

Posted by: sootoo on September 16, 2005 08:00 PM

哎,也只是在很浅的层面上解决了小部分问题,并没有从根上改变现今B/S的缺点!

Posted by: 小桥 on September 18, 2005 08:58 AM

在正文里选择一个“有”字,结果会在标题的“有”字下面划线。

Posted by: cpunion on October 9, 2005 01:53 PM

客济济 kijiji

Posted by: 淘客 on October 12, 2005 05:42 PM

刷新了下,什么都没了

Posted by: anong on October 13, 2005 12:02 AM

类似ajax的异步交互的技术早有公司做了,好像做了4年了,算是比较成熟了,在www.bstek.com在线演示可以看到,不过好像要被老美收购了,唉。

Posted by: 况君 on October 13, 2005 02:32 AM

一个严重的bug,我选择正文“注意”的意字,他把标题种的意字标记了,只认识第一个。

Posted by: 54powerman on October 18, 2005 12:16 PM

test

Posted by: Sunny on October 24, 2005 08:23 PM

说的很好,不经意间的念头在经过人们整理归纳以后都将是一场革命。

Posted by: nehu on October 25, 2005 11:19 PM

有一点意外,在判断方面,比如选定页面中的某个字符,结果加下划线的是整个页面里第一个相同的字符

Posted by: 云飞扬 on October 30, 2005 03:09 PM

grat site,,keep going!!

Posted by: gabinkag on November 3, 2005 09:35 PM

what´s you are waitting for

Posted by: Tony el plancha !!!!! on November 5, 2005 01:32 PM

kazaa winmx , forum and techno and musique..

Posted by: juventina on November 10, 2005 06:12 PM

bug.
一段文字如果有很多相同的字的话,比如上面有个"不",下面也有"不",那我划下面的"不"就会跑到上面那个"不"。

Posted by: umbrella on November 15, 2005 07:07 AM

Write AJAX web applications with XUL-like pages and pure java (not javascript)

http://zk1.sf.net

Live demo:

http://www.potix.com/zkdemo/userguide

We welcome your input...

Henri Chen

Posted by: Henri on November 15, 2005 10:14 AM

加上这个后,就无法复制你的文章了,有得必有失

Posted by: token on November 15, 2005 05:16 PM

animal marin enfant , annonces animal..

Posted by: fionnoula on November 22, 2005 02:34 AM

Chicks for free !!!!

Posted by: La negra on November 24, 2005 09:46 AM

aaaaaaaaaaaa

Posted by: a on November 28, 2005 05:20 PM

老大是高人也,我的QQ:113493332,希望和您能交流.

Posted by: kreven on November 29, 2005 01:12 PM

rencontre macon, vieille avec jeune..

Posted by: cadaby on November 30, 2005 03:54 AM

Posted by: on January 7, 2006 11:46 AM

东。简单的来说,就是让任何人可以在我的页面上帮我加批注。尝试一下拿鼠标选中一段文字(最好是一小段)看看。如果不出意外的话,应该有红色的下划线的标注,如果重新刷新一下页面的话,应该还在。为了让界面不是太乱,所以只保留了最新的几个批注。之前的先不显示了。

其实,这个应用是个简单得不能再简单的JavaScript应用,只不过被冠以了AJAX这个今年2月份才诞生的名词以后忽然热了起来。AJAX这一个单词,居然可以把一堆98年就开始用的技术推到前台来,成为当今在特定的圈子里最热的词汇,倒是一个典型的tipping point(临界点)的案例。就像99年Netcenter用的RSS终于在2002年开始被从blogger捡起来,并在2005年焕发了青春。

这些用Javascript+XMLHTTPRequest的做法给我们

Posted by: xxxxx on January 16, 2006 05:45 PM

顶一下。。。

Posted by: 醉醉 on January 17, 2006 02:36 PM

Jianshuo,

Did you move the script "http://home.wangjianshuo.com/scripts/php/markit.php"?

Why I can't see your script now? Thanks.

Brian

Posted by: Brian on January 19, 2006 12:43 PM

不知道是rpwt还是什么原因,我用Maxthon和IE反复试都没看到效果.

Posted by: socid on January 23, 2006 11:44 AM

corrected the problem.

Posted by: Jian Shuo Wang on January 23, 2006 11:59 PM

opera居然不能发现rss种子?还是这个页面就没有种子?难道只能email定阅么?这可不是好习惯

Posted by: amou on March 12, 2006 06:28 PM

live.com 据说都是用这种技术, 你们看看是不是?

Posted by: danny on March 14, 2006 05:58 PM

不过这里如果我多次选中的话,就会在下面出现多个红色的线条……

Posted by: alter-it on March 15, 2006 06:55 PM

怎么我回复不了?

Posted by: Ray on March 16, 2006 04:21 PM

我也来试试

Posted by: dwp on May 25, 2006 04:52 PM

http://home.wangjianshuo.com/cn/20050616_ajax_eeaec.htm

Posted by: on November 7, 2006 05:22 PM

你的模版(头部header)中多了一句“ <link rel="stylesheet" ”

Posted by: xhtmlwebdesign on December 9, 2006 09:05 AM

主页头部模版中多了一句 <link rel="stylesheet"

Posted by: xhtmlwebdesign on December 9, 2006 09:10 AM
Post a comment
大名: (广告性质签名将被删除)

邮件地址: (嘘!我不会告诉别人的)

URL: (optional)

评论:


别着急,可能要等待多达30秒钟注意:不欢迎“沙发”,“收藏”,“受益”,“瞎扯”等等简单的不表达任何思想的留言
记住我的信息?

<-- 请只按一次
TrackBack URL for this entry: http://home.wangjianshuo.com/scripts/mtcn/mt-tb.cgi/40

东拉西扯:产业链
Excerpt: 并不是只有微软、Google才有能力打造产业链,合作、分享、友善,是每个人都能做到的,关键看你是否能摆得正心态。
Site: keso
Tracked: June 17, 2005 06:55 AM

AJAX的一个测试
Excerpt: a test of AJAX
Site: 这厮还是不生猛_XO的垃圾箱
Tracked: July 8, 2005 11:45 PM

AJAX的一个测试
Excerpt: a test of AJAX
Site: 这厮还是不生猛_XO的垃圾箱
Tracked: July 10, 2005 02:35 AM

AJAX的一个测试
Excerpt: a test of AJAX
Site: 这厮还是不生猛_XO的垃圾箱
Tracked: July 10, 2005 02:36 AM

testing traceback
Excerpt: tracebackôá: http://home.wangjians
Site:
Tracked: August 2, 2005 11:19 PM

按耐不住的我和AJAX
Excerpt: 有个成语叫做“才华洋溢”,是用来描述聪明的人的。我不是聪明的人,想了很久也没有想到一个成语来描述自己。在Tim Horton‘s里面坐了一下午,又在办公室坐到现在。人是好好坐着,但是...
Site: His Story
Tracked: November 25, 2005 08:03 AM
新的文章通知我:
以往的帖子
技术培训纲要 | 3 comment(s) | June 23, 2007
坐月子的规矩 | 1 comment(s) | June 23, 2007
南浦大桥早上不是堵车 | 6 comment(s) | June 21, 2007
生孩子这件事 | 11 comment(s) | June 18, 2007
起名字 - 第二部分 | 31 comment(s) | June 13, 2007
起名字 | 45 comment(s) | June 13, 2007
宝宝照片 | 29 comment(s) | June 11, 2007
宝宝已经回到家中 | 27 comment(s) | June 06, 2007
我的小宝宝诞生 | 94 comment(s) | June 02, 2007
目标经常不是目标 | 19 comment(s) | May 27, 2007
为什么HTML里的Comment是<!--开头? | 5 comment(s) | May 26, 2007
Symbol表的启发 | 5 comment(s) | May 16, 2007
用匿名函数避免命名冲突 | 9 comment(s) | May 15, 2007
google.loader 代码欣赏 | 7 comment(s) | May 14, 2007
技术人员写KB的好处 | 10 comment(s) | May 10, 2007
• 阅读 全部文章
© 2002 - 2003 Jian Shuo Wang. All right reserved. Terms and Conditions.
Edit