トップページ⇒php
981コメント272KB

Ajaxでも語りませんか Rigel4

■ このスレッドは過去ログ倉庫に格納されています
0001nobodyさん2006/12/22(金) 10:40:13ID:Tqrhab4v
Google Suggest
↓
Google Maps
↓
もう Ajax って呼んじゃおうぜ

adaptive path ≫ ajax: a new approach to web applications
ttp://www.adaptivepath.com/publications/essays/archives/000385.php

邦訳
ttp://antipop.zapto.org/docs/translations/ajax.html

AJAX - MDC
ttp://developer.mozilla.org/en/docs/AJAX

作って理解するAjax (1)：IT Pro
ttp://itpro.nikkeibp.co.jp/article/COLUMN/20051104/224040/
作って理解するAjax (2)：IT Pro
ttp://itpro.nikkeibp.co.jp/article/COLUMN/20051125/225193/

過去スレ
1　http://pc8.2ch.net/test/read.cgi/php/1110287963/
2　http://pc8.2ch.net/test/read.cgi/php/1134214341/
3　http://pc8.2ch.net/test/read.cgi/php/1147750917/
0074nobodyさん2007/01/26(金) 23:28:49ID:fDmVPYkH
今日、Ricoつかってみたが実用性あるのか？
角丸とかサイズ指定ってできないよね？
0075nobodyさん2007/01/27(土) 12:46:09ID:S3nx1S5v
Firefox(2.0.0.1)でXmlHttpRequest を80番以外のポートに投げると

Permission denied to call method XMLHttpRequest.open

とか出るんですけど、これって８０番以外に投げてるから駄目なの？
ＯｐｅｒａでもＩＥでも動くのに
0076nobodyさん2007/01/27(土) 13:35:09ID:G7v68kIe
>>75
8080で普通に動いてるお
0077nobodyさん2007/01/27(土) 13:47:49ID:???
Firefox 2.0.0.1　における話なんだけど、そちらも同じバージョンのＦｉｒｅｆｏｘですか？
試してみたら８０ならつながったけど、８０８０だと駄目だった。
ブラウザのセキュリティ設定を変えないといけないんだろうか
0078nobodyさん2007/01/27(土) 13:51:33ID:???
８０番からダウンロードしたjavascript が、
８０８０番につなぎにいくから駄目なんだろうか
俺の場合、apache が８０番で、
XMLHttpRequest する先が別のデーモン（８０８０番）だから
クロスドメイン扱いなんだろうか
0079nobodyさん2007/01/27(土) 18:38:45ID:HeeJnnf+
>>78
それは通さないのが正しいと思われ。
0080792007/01/27(土) 18:40:29ID:HeeJnnf+
IDが「へぇ」だ。
わーい。
0081nobodyさん2007/01/27(土) 19:13:37ID:???
てかシナ人の名前みたいなIDだな
0082nobodyさん2007/01/27(土) 19:33:31ID:???
YUIのスレって何処だか知りませんか？
0083nobodyさん2007/01/27(土) 20:42:34ID:???
>>79
そうなんだ。でもＩＥとＯｐｅｒａは通っちゃうんだよね。
でも、なんで？ポートスキャンとかに使えちゃうから？
0084!omikuji!dama2007/01/28(日) 01:03:23ID:???
あじゃでもえいじゃでも、どっちでもいいと思ってる。
所詮英語。
0085842007/01/28(日) 01:04:37ID:???
・・・名前欄消し忘れorz
0086nobodyさん2007/01/28(日) 04:53:20ID:qVj7cqbx
Ajaxの定義を見ると、必要条件的に"XMLHttpRequestを利用"と出て来る。
http://ja.wikipedia.org/wiki/Ajax

しかしながら、XMLHttpRequestには、クロスサイトのリクエストを発行できない
という厳しい制限がある。

Google CodeやYahoo!Webサービス等に、
第三者のサイト上のコンテンツ内のJavaScriptは
XMLHttpRequestを通してはアクセスできないのだ。

ところが現実には、JSONやdojoや、その他の手法により、
Google CodeやYahoo!Webサービス等に、第三者のサイト上のコンテンツ内から
アクセスする方法が少しずつ広がりつつある。

そこで、定義の問題だ。
「JSON形式で非同期通信を行い、通信結果に応じてダイナミックHTMLで
　動的にページの一部を書き換える」
事は、なお、Ajaxと呼ばれうるのだろうか？？
0087nobodyさん2007/01/28(日) 08:16:59ID:yWgL7XCT
>>86
確かにAJAXのXはXMLからきてるんで、
JSONPとか使ってしまうと、XMLは関係ないので 略すならAJAになる。
AJAってなんか協会というかAssociationみたいなんで、AJAXでいいと思う。

静的なHTMLページに対して、クライアントサイド動的に動くDHTMLがあり、
これにバックグラウンドでの通信を伴う機能を加えたものに対して、
AJAXってくくりでいいと思う。

なんとなくカッコいい名前だったし(過去形)。
0088nobodyさん2007/01/28(日) 12:43:19ID:???
JavaScriptでいいんじゃね？
0089nobodyさん2007/01/28(日) 15:34:08ID:???
http://www.nicovideo.jp/watch?v=utQzi967BQxI4
http://www.nicovideo.jp/watch?v=utBnP-t-Z_o7A
0090nobodyさん2007/01/28(日) 19:53:37ID:???
>>88
同意

おれXML使わんケースが多い上に、Syncじゃない処理も多々
なのに「お、それAjaxかい？やるねぇ」とかいわれると多分に引っかかる
単なるJavaScriptによる動的書き換えですがなにかっていう。

……そうか。いまこそあの呼称を蘇らせる時なのかもしれないな。

DHTM（ry
0091nobodyさん2007/01/28(日) 20:04:03ID:???
Syncじゃない処理も多々…
0092nobodyさん2007/01/28(日) 22:52:56ID:???
ん
→Syncで済む処理
ｽﾏｿ
0093nobodyさん2007/01/29(月) 04:23:54ID:gOP3RqKN
商品にも技術にもキャッチコピーは大事なんだよ。
だからAJAXて名乗るのもありだと思う。

JavaScriptとかってJAVAの劣化版みたいな名称じゃだめなんだよ。
0094nobodyさん2007/01/29(月) 09:29:49ID:???
Xが付くとカッコイイ
0095nobodyさん2007/01/29(月) 11:11:13ID:???
じゃあマグナムとかつけるともっとかっこいいよ！
0096nobodyさん2007/01/29(月) 11:18:52ID:???
じゃあ「マグナムScript X」で。
0097nobodyさん2007/01/29(月) 11:36:02ID:???
superも付けてほしい
0098nobodyさん2007/01/29(月) 11:40:24ID:???
>>97さんの発言により、
「Super マグナムScript X」
になりました。
0099nobodyさん2007/01/29(月) 11:44:18ID:???
レベル低いな
所詮はウェブプログラマか
0100nobodyさん2007/01/29(月) 11:46:24ID:???
そんなに卑屈になるなよ・・・
0101nobodyさん2007/01/29(月) 11:58:33ID:???
スナイパーカスタムを付けると超絶かっこいいはず
0102nobodyさん2007/01/29(月) 12:09:13ID:???
>>99
ドライでも付けてみようか
0103nobodyさん2007/01/29(月) 12:20:34ID:OLAWYsko
Super ドライ マグナムScript X スナイパーカスタム・・・
0104nobodyさん2007/01/29(月) 12:21:52ID:???
「Super マグナムドライScript X 〜スナイパーカスタム〜」
いろいろやばくね？
法律とか。
0105nobodyさん2007/01/29(月) 12:49:40ID:???
>>104
では「合法」も付けておいて下さい。
0106nobodyさん2007/01/29(月) 12:50:52ID:???
略称はSSXで決まりですね
0107nobodyさん2007/01/29(月) 13:13:35ID:???
GNU GPL ってかいとけばきっと法律だって大丈夫！
0108nobodyさん2007/01/29(月) 14:14:37ID:???
長いからマグナムドライでいいよ
0109692007/01/29(月) 14:54:05ID:???
>>70
へ？ 何でオレだけなの？
分かるように説明して？ Ajaxを使って。
0110nobodyさん2007/01/29(月) 14:57:42ID:???
説明するだけのために非同期通信をさせるって逆にむずかしくね？
金塊もってモスでハンバーガー買ってくるみたいな感じで。
0111nobodyさん2007/01/29(月) 15:11:02ID:???
>>109
おれとおまえしかいないからAjax
　　　　　　　　　　　 　　　　　　　　　　　　　　　　　　 　 　 　 ∧＿∧
　　　　　　　　　　　∧＿∧　　　　　　　　　　　　　　　　　　 （´<_｀ ；）　･･さ、流石だな、兄者
　　　　　　　　　　 （　´_ゝ`）　　　　　　　　　　　　　　　　　　/　　 ⌒i
　　　　　　　　　　／　　　＼　　　　　　　　　　　　　　　　　/ ｨ　　 |　|
　　　　　/￣￣￣￣//￣￣￣￣//￣￣￣￣//￣￣￣￣//￣￣￣￣/
＿_　＿/　 Prius　 //　 FMV 　//　 VAIＯ　// Ｍeｂiｕｓ //　LaVie　 /＿＿＿＿
　　 ＼/_/￣￣￣￣//￣￣￣￣//￣￣￣￣//￣￣￣￣//￣￣￣￣/
　　 ＿ /ThinkPad //ＷinＢook//DynaBook//Ｌｉbretto // Presariｏ/
　　 ＼/_/￣￣￣￣//￣￣￣￣//￣￣￣￣//￣￣￣￣//￣￣￣￣/
　　 ＿ / Inｓpｉｒon //Endeavor//InterLink //　　Ｅvo　 //Let'sNote/
　　 ＼/＿＿＿＿//＿＿＿＿//＿＿＿＿//＿＿＿＿//＿＿＿＿/
　　　　　　　　　│　 　 　 　 │　 　 　 　 │　 　 　 　 │　 　 　 　 │　　　　　 　 　 ┌─┐
　　　　　　　　　└────┴────┴────┴────┴───────ｺ.│
0112nobodyさん2007/01/29(月) 19:20:36ID:???
エイジャクスってすごいなー。(・∀・)

script.aculo.usというJavascriptライブラリ
http://www.goodpic.com/mt/archives2/2006/01/javascriptscrip.html

リストの並び替えが、ブラウザ上のドラッグ＆ドロップ操作でできるページを見て感動しました。
エイジャックスを自由自在に使いたいナー。
0113nobodyさん2007/01/29(月) 22:56:59ID:ci36VxeS
javascriptぐらいつかえるだろ
0114nobodyさん2007/01/30(火) 00:53:15ID:Ao13Ffy0
よし決めた！！
これからは、
Asynchronous JAvascript without Xml
もAJAXと呼ぼう。

これで解決！
0115nobodyさん2007/01/30(火) 07:55:01ID:???
まとめてjavascriptでいいじゃん
0116nobodyさん2007/01/30(火) 08:34:26ID:???
アジャコング
0117nobodyさん2007/01/30(火) 09:12:27ID:yJ/6BR4c
dojoに関してはこのスレでいいのかね?
0118nobodyさん2007/01/30(火) 09:37:07ID:WYVxnPff
ここでドジョー
0119nobodyさん2007/02/01(木) 16:28:45ID:jhTjbQSY
j巻もここでおk？
0120nobodyさん2007/02/01(木) 18:12:08ID:???
自衛官？
0121nobodyさん2007/02/01(木) 23:01:44ID:???
http://ex20.2ch.net/test/read.cgi/soccer/1164675907/
ここで
0122nobodyさん2007/02/02(金) 11:17:01ID:???
>>118
変に日本っぽいWebサイトなのがすごいな。
外国人の日本に対するイメージってこんなのかよorz
0123nobodyさん2007/02/02(金) 11:53:53ID:???
ってか、すごいロゴだな>j巻
0124nobodyさん2007/02/02(金) 14:58:36ID:lyrdL25/
j巻、結構良さそうだけど、使っている人いませんか？
0125nobodyさん2007/02/02(金) 15:01:08ID:???
>>121

本当にそっちに書いた人がいるじゃないかwww
0126nobodyさん2007/02/03(土) 07:22:00ID:???
>>122
日本人の外国人に対するイメージも似たようなものじゃね？ｗ
0127nobodyさん2007/02/03(土) 10:26:08ID:???
ニャンマーゲ！　クズキーリ！　デジカーメ！
0128nobodyさん2007/02/03(土) 16:29:28ID:???
ESWeb := EcmaScript for Web

でいいだろ。
0129nobodyさん2007/02/05(月) 20:11:29ID:???
Ajax最強のデバッグツール"FireBug 1.0"リリース
http://journal.mycom.co.jp/articles/2007/02/05/firebug/
0130nobodyさん2007/02/06(火) 00:32:02ID:???
>>129
いつの話してんだよ時代遅れ
0131nobodyさん2007/02/06(火) 04:05:05ID:???
このスレ住人には標準アイテムだろな
0132nobodyさん2007/02/06(火) 11:01:33ID:???
BlueShoes FlipFlop Control
http://www.blueshoes.org/_bsJavascript/components/flipflop/examples/example1.html

これと同じようなコンポーネントって他にはないのかな？
出来ればライセンス的に完全フリーなものを使いたい。
0133nobodyさん2007/02/06(火) 11:33:13ID:???
完全フリーって。
0134nobodyさん2007/02/06(火) 11:36:34ID:???
>>132
選択したものを読み込んでもう一つのセレクトボックスに移すって関数を自分で作るのではダメなの？
0135nobodyさん2007/02/06(火) 11:57:35ID:???
Asynchronous JAvascript with eXtensible request
0136nobodyさん2007/02/09(金) 12:57:54ID:???
>>135
アホネイティブも時々かんちがいしているが、厳密には、EXtensible だな。
つまり、頭部分の発音がエックス。
例えば、ax(e) や execution といった単語を、普通は、X と略さない。
0137nobodyさん2007/02/09(金) 18:33:47ID:ksEoHU7j
>>136
よく分からないのだけど、例えばXMLも本当はEXtensible Markup Languageであって
eXtensible Markup Languageではない、W3Cは(ryってこと？
0138nobodyさん2007/02/09(金) 20:07:25ID:???
$ ls -l
-rwx-r-xr-x 1 ima sara 1234 Feb 9 20:07 sonna
0139nobodyさん2007/02/09(金) 20:10:44ID:???
$ ls -l
-rwxr-xr-x 1 machi gae 1234 Feb 9 20:10 ta
0140nobodyさん2007/02/09(金) 20:15:52ID:???
>>137
XMLのXは「そこに何でも代入して、好きに拡張できる」という意味のXでもある。

まぁもっとも、その意志を継いだネーミングはMathMLくらいしかしらんけど。
0141nobodyさん2007/02/09(金) 21:09:10ID:???
>>140
いや、ex…を、Xに省略するのは、よく有るぞ。というか、略語にX入ってるのは、かなりそうじゃないか？

ぱっと思いつくので、XOR(eXclusive OR)とか、XGA(eXtended Graphics Array)とか、
アメリカの実験機のX-シリーズとかは、eXperimentalのXだろ。
0142URL　どこか　たのむ2007/02/12(月) 22:54:13ID:???
エイジャックスの使い方を勉強するためのサイトURLをみんなひたすら張ってくれ！
協力頼みます！！！

Ajaxを勉強しよう
http://www.openspc2.org/JavaScript/Ajax/Ajax_study/index.html
0143nobodyさん2007/02/12(月) 23:09:24ID:???
はてなブックマークで「ajax」を検索した方が早いと思われ。
0144nobodyさん2007/02/13(火) 17:13:57ID:???
Windows eXPerience
0145nobodyさん2007/02/15(木) 22:51:06ID:kZMCj2fx
PHP　PearのHTML_AJAXをご利用の方はこのスレにいらっしゃいますでしょうか？
PEAR板で、思いっきりシカトされてしまいまして・・・・
もしいらっしゃいましたら、お教え願いたいのですが。


質問です。
今html_ajaxでいろいろやってるのですが、
html_ajaxでプロキシアクセスをしてる場合のpostで通信してるのですか？getですか？
access_logをみてみると、両方のような気がするのですが。

またpostの場合、sessionでの接続ができますか？どのようにsidを送るのでしょうか？

よろしくお願いいたします。
0146nobodyさん2007/02/15(木) 23:33:53ID:???
>>145
pearスレでも見てたけど、なんだか意味不明。
つっても、俺自身html_ajaxは試した程度で使ってない。
とりあえず「プロキシアクセス」をどういう意味で使ってるか説明したほうがいいかも。
sessionはcookieでよかね。

0147nobodyさん2007/02/16(金) 00:00:34ID:???
>>145
デフォルトはPOST。
ただしURLにクラス名とメソッド名のパラメータ付きで。
つか、ログ見て「気がする」ってどゆこと？

sessionはcookieでやるのが無難だと思うけど、
どうしても嫌ならURLなりPOSTデータなりどっかに忍ばせればいいんじゃないの？
0148nobodyさん2007/02/16(金) 22:57:55ID:dPHn1KUY
>>146さん。>>147さん。ありがとうございます。
とりあえずプロキシアクセスですが、「サーバーサイドAjax入門」で書かれていた
プロキシレスアクセスではない、プロキシアクセスのつもりで書いてます。
文章的に何かおかしかったですか？？

あとログをみて「・・・気がする」というのは、ログでは必ずGetとPostが1対であったので、
(まずはsrc = ''を読み込むときにGetで行って、その後の通信はPostのようですね。）

でUrlにクラス名とメソッド付きのパラメーターとは？
http://www.ドメイン名/ファイル名?class=クラス名?method=メソッド名？
ってこと？
0149nobodyさん2007/02/17(土) 00:36:13ID:???
>>148
> プロキシ
間違ってはいない。
ただ前置き無しにいきなりプロキシと来たら
十中八九squidとかのプロキシサーバが思い浮かぶだけで。
> パラメータ
だいたいそんな感じ。
0150nobodyさん2007/02/17(土) 22:39:44ID:+rb2Y02L
>>149
なるほど。すみません。配慮足りてませんでした。
あとパラメーターが、こんな感じってことは、Get通信ってことなのでは？？って
思いついちゃったのですが・・・

それと、IEでは全く変化がありません。俺のHTML_AJAX
ってことはPOST通信ではないのでは？？って思ってます
「HEAD FIRST AJAX」を読む限り。。

どうなんでしょ？
0151nobodyさん2007/02/18(日) 00:01:27ID:???
>>150
だからログに書かれてる通りだって。
正直、何が聞きたいのかさっぱり分からん。
Ajax以前にHTTPの基礎を勉強したほうがいいんじゃないか？

HTML_AJAX-0.5.0がやってる通信は基本的に下記の2種類だけ。

1. スタブコード生成
　HTML内に↓みたいに書く。
　　<script charset="UTF-8" type="text/javascript" src="server.php?client=all&stub=all"></script>
　サーバのログ↓
　　"GET /path/to/server.php?client=all&stub=all HTTP/1.0"
　ここは当然GET。

2. メソッド呼び出し
　JavaScript内に↓みたいに書く。
　　var test = new Class1(); test.method1('data');
　サーバのログ↓
　　"POST /path/to/server.php?c=Class1&m=method1 HTTP/1.0"
　POSTされるデータの内容はメソッドの引数。（ここでは["data"]）

1はブラウザがページを読んだ時に1回だけ発生する。
2はメソッド呼び出し毎に発生する。
以上。
0152nobodyさん2007/02/18(日) 22:26:32ID:LjOKGhCQ
>>151
質問がなってなくて申し訳ありませんでした。
一応質問の内容だけ再度説明させていただければと思います。
まず始めに
「IEでは、Get通信で、Urlが全く一緒だった場合cashを使うため、ajaxとしての非同期通信が行われない。」
「ただしPostの場合はUrlが全く一緒でもcashを使わないので非同期通信が可能」
ということを本で読んでいました。

そんなときに、自分でHTML_AJAXのプロキシアクセスを使ったWebアプリを作ったところ、
SafariやFoxFireなどでは問題なく作動するのに、会社のIEでは全く作動しなかったため
「これってGetで通信してるのかな？？」
という疑いを抱きました。
またアクセスをみても、GetとPostが混じっているため混乱してしまいました。

また?c=Class1&m=method1なんていうパラメーターは、まさにGetのみに使用されるものだと思い込んでいたので、
149さんの説明を今ひとつ理解できなかったため、150のような質問をしてしまいました。

申し訳ありませんでした。
もうちょっと勉強してきます。
0153nobodyさん2007/02/20(火) 15:20:00ID:mf88VPVM
カッコイイメニューを作れるライブラリ知りませんか？
教えて下さい。
0154nobodyさん2007/02/20(火) 18:27:23ID:???
マルチか。
0155nobodyさん2007/02/21(水) 11:09:40ID:???
html_ajaxは知らんけどIE＋GETでも、
If-Modified-Sinceヘッダ送ることで、キャッシュ問題の回避は可能。
なんでかわからんけど、割と触れられてないよね。ここら辺。
0156nobodyさん2007/02/21(水) 15:29:51ID:???
>>155
Operaで動かないから
0157nobodyさん2007/02/21(水) 18:19:00ID:???
operaは切る。っつーかIEだけで十分。
オタ追い出せるしさ。
0158nobodyさん2007/02/21(水) 18:46:44ID:???
Vistaも切りたいがｗｗｗ
0159nobodyさん2007/02/22(木) 01:30:48ID:???
オタｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗ
0160nobodyさん2007/02/22(木) 02:56:49ID:???
>>155
ヒント：中継プロ串
0161nobodyさん2007/02/23(金) 04:59:58ID:???
>>156
ソースは？
0162nobodyさん2007/02/24(土) 17:57:20ID:P7XVG5mR
>>151
IEでアクセスした時は、Getになるようだが（2回目のメソッドの呼び出しも、logにはGetとなっている）
ちなみにSafariだとPost、FoxFireはGet、OperaはGetだったりPostだったり。

なんか設定間違ってる？
0163nobodyさん2007/03/01(木) 21:37:07ID:Q/I78Jw5
NN4を除いてサーバープッシュ対応のブラウザって無いと思うんですが
XMLHttpRequesとphpで出来ますか？
Client Pullだと画面がバタついてしまうので。
0164nobodyさん2007/03/01(木) 22:44:11ID:LgvhnFPU
AJAXでPOSTして、サーバー側でデータを検索して、
クライアントのHTMLテーブルに一覧表示し、
その動的に増えたレコードのID属性の値を書き換えるってことはできる？
ID属性の名前は動的に割り振らないといけないと思いますが。

WEB系の技術をいまいちわかっていないです…
0165nobodyさん2007/03/01(木) 22:46:55ID:???
>>164
普通にできる
0166nobodyさん2007/03/02(金) 04:53:08ID:???
maskatでつくるよりさ、RialtoStudioで直接つくってたほうが早くない？
0167nobodyさん2007/03/02(金) 05:28:17ID:???
rialtoのテキストボックスで日本語入れると、「A」って文字がくっついてくるんだが…
ちなみにfirefoxね。ieはつかない
0168kosotto2007/03/03(土) 17:17:39ID:sEhwStn2
こそっと教えてください
ページの中にたくさん渡したいデータがあるのですが、
POSTメソッド？？ でなんかいっぺんに送る方法はないでしょうか？
0169nobodyさん2007/03/04(日) 02:52:03ID:???
>>168
Form.serialize()
0170kosotto2007/03/04(日) 08:17:33ID:GgXe1eIW
ありがとうございました
0171kosotto2007/03/05(月) 05:02:35ID:VC8ue+94
もうひとつすみません。
こそっと教えてください
ページの中に複数のform field たとえば、form1,form2が
あったときに、form1のなかのデータをPOSTメソッドで、
いっぺんに送る方法はないでしょうか？
0172nobodyさん2007/03/05(月) 07:23:59ID:???
WEB制作板いきなされ
0173nobodyさん2007/03/05(月) 08:25:14ID:???
>>171
まだ早い。ﾆﾏｧ〜（君がこの板に来るのは）
0174nobodyさん2007/03/05(月) 14:24:36ID:???
>>171
これに似てるな。

> 33 名前：名無しさん＠お腹いっぱい。 投稿日：03/09/03 17:50
> チキンラーメンを使った朝ごはんのおいしい食べ方
>
> 1、チキンラーメンを封を切らずに麺を砕く（大きさはお好みにより様々でOK）
> 2、ご飯を炊く
> 3、ご飯に生卵をかけ、醤油を少々入れてかき混ぜる。
> 4、食す。ｳﾏｰ
>
> 734 名前：名無しさん＠お腹いっぱい。 投稿日：03/09/03 17:54
> >>733
> 粉々にしたチキソラーメソは、どうするんだ？？

form2は何の為に出てきたんだ？
■ このスレッドは過去ログ倉庫に格納されています