技術関連 » Ajax / VB6 / Delphi / VML / Perl / ASP.NET / 正規表現 / CG計算
知識関連 » システム見積り / プロジェクト管理 / その他

開発メモ

Ajaxチャット

Ajaxのサンプル「Ajaxチャット」です。
ブラウザを二つ立ち上げて、両方のブラウザでこのページを見てもらうとわかりやすいと思います。

  • 名前と本文を適当に書き込んでボタンを押します。(またはエンターキーを押します。)
  • ページはリロードされること無く、チャットの会話データの表示内容が更新されます。

サンプル

「f」2021/09/14 16:47:34
「あ」2021/09/14 16:47:18
test「test」2021/09/13 12:44:46
www「yttt」2021/07/08 14:11:11
111111111「22222」2021/07/08 14:10:36
ああああ「あああああ」2021/05/12 15:21:30
「あ」2021/04/25 17:45:40
test「test」2021/02/13 09:40:53
sss「fff」2020/11/24 20:03:27
ActiveTK「テストなう」2020/10/04 19:43:17
Q「123」2020/09/07 22:51:28
すぬつふふぬぐふ「このコメまだおるやついる?www」2020/06/29 01:34:24
ああ「あああ」2020/06/29 01:32:35
aa「aaa」2020/06/21 18:00:22
・・「・・」2020/05/28 06:26:57
j「j」2020/05/18 15:11:21
hh「hh」2020/04/27 00:47:10
hh「hhh」2020/04/27 00:47:08
hh「hhh」2020/04/27 00:47:06
hh「hhhhhh」2020/04/27 00:47:03
「あ」2020/03/24 17:13:15
「あ」2020/03/24 17:13:14
「あ」2020/03/24 17:13:13
「あ」2020/03/24 17:13:12
「あ」2020/03/24 17:13:11
「あ1」2020/03/24 17:12:38
「あ」2020/03/24 17:12:20
「あ」2020/03/24 17:11:35
「あ」2020/03/24 17:11:19
「あ」2020/03/24 17:10:55
test「test」2020/03/24 17:10:46
「あ」2020/03/24 17:10:40
あああ「あああ」2020/03/24 17:08:50
ふぇうぇw「dsf」2020/03/24 17:08:42
test「test」2020/02/14 10:40:59
;;;「;;;」2019/12/17 00:31:52
ああああ「あああああ」2019/09/12 14:59:53
aaaa「cccccccccccccc」2019/04/30 14:07:50
「ああああ」2019/03/19 09:24:49
あsdfghjk「sdfghjk」2019/03/07 01:49:51
てすと「てすと」2019/02/22 00:18:06
test「test」2018/08/02 07:08:37
「あああ」2018/05/27 12:53:40
sssee「 」2018/05/25 04:04:31
sssee「 」2018/05/25 04:04:29
sssee「 」2018/05/25 04:04:27
sssee「ee」2018/05/25 04:04:20
test「test」2018/04/24 23:30:22
test「test」2018/03/10 15:30:58
ああああ「うわーん」2017/08/03 13:56:32
asa「asa」2017/05/21 21:59:53
pops「popopo」2017/03/01 13:11:25
「@@@」2017/01/19 23:27:51
「ぽ」2017/01/19 23:27:49
「y」2017/01/19 23:27:47
「p」2017/01/19 23:27:42
a「unntyoko」2016/11/24 20:39:12
「はは」2016/06/11 23:03:45
a「asf」2016/04/29 17:43:34
あa「aaaaa」2016/04/13 23:07:59
テスト「激しい。」2016/03/18 23:03:58
テスト「遅延が」2016/03/18 23:03:57
テスト「おそい。。。」2016/03/18 23:03:52
テスト「ないじゃん。」2016/03/18 23:03:51
テスト「全然リアルタイムじゃ」2016/03/18 23:03:47
テスト「通信してるんだ。」2016/03/18 23:03:41
テスト「数秒おきにクライアントから」2016/03/18 23:03:38
テスト「なんだ」2016/03/18 23:03:26
テスト「こん」2016/03/18 23:02:35
SQL「'」2015/11/08 00:22:54
うんこ「おならです」2015/11/08 00:21:25
「、ml」2015/11/08 00:21:01
「kmlml」2015/11/08 00:20:55
「、;」2015/11/08 00:20:52
ブーリン「わかった」2015/08/20 18:46:51
ブーリン「そっか」2015/08/20 18:46:48
aaa「aaa」2015/07/06 10:24:02
aa「aaaaa」2015/07/02 00:53:50
aa「aa」2015/06/27 19:49:01
エリカ様「別に」2015/06/24 02:41:26
エリカ様「はぁ?」2015/06/24 02:41:23
s「s」2015/06/13 10:20:52
ああ「ああああ」2015/06/10 14:15:32
W「?????????????」2015/06/04 02:06:08
whatisthis「TEEEELLLLLMEEEEE」2015/06/04 02:05:55
s「weed?」2015/06/04 02:05:12
「s」2015/06/01 15:17:30
wwww「wwwww」2015/05/10 16:32:07
wwww「www」2015/05/10 16:32:05
wwww「wwwww」2015/05/10 16:32:03
wwww「wwwww」2015/05/10 16:32:01
wwww「wwww」2015/05/10 16:31:51
a「af」2015/04/13 06:19:28
a「sef」2015/04/13 06:19:28
a「aesf」2015/04/13 06:19:28
a「ase」2015/04/13 06:19:28
a「fse」2015/04/13 06:19:28
a「fa」2015/04/13 06:19:28
a「a」2015/04/13 06:19:27
a「a」2015/04/13 06:19:27

仕組み

  • ボタンを押した際に、入力したデータはWebサーバのCGIに渡されてファイルに書き込まれます。
  • 各ブラウザは、数秒おきにJavaScriptがCGIと通信し、データを取得して表示内容を更新させています。
Copyright © 1999-2006 seoi.net All Rights Reserved.
[] [dev][0.0011749267578125]