トップページ⇒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/
0505nobodyさん2008/02/07(木) 20:40:28ID:???
status以下のcontentsのdivを書き換えたいのですが、この場合は
domで指定する場合どうやってするのでしょうか？

<a href="#" onclick="new Ajax.Updater('ここ', '', {asynchronous:true, evalScripts:false}); return false;">テスト〜</a>

<div id="status">
<div id="contents"></div>
</div>

0506nobodyさん2008/02/08(金) 12:21:41ID:???
ID:contentsの要素内容を変えるならcontentsだし
ID:statusの要素内容を変えるならstatusで良いんじゃないの？

オブジェクトで指定したいならそれぞれ、
document.getElementById('status')
document.getElementById('contents')

2chで聞く時は、まずは自分で考えて試した結果を書けよ
0507nobodyさん2008/02/09(土) 10:03:12ID:???

extのcreateDelegateメソッドってどんなときに使うの？
いまいち分からん。
0508nobodyさん2008/02/29(金) 17:16:41ID:???
縦になが〜いHPなのですが
最初に全部読み込まないで、

下の方にスクロールしたら
徐々に読み込みたいのですが、
（autopagerizeのイメージ）

ajaxで可能でしょうか？
0509nobodyさん2008/02/29(金) 20:43:27ID:???
可能ですよ
05105082008/03/01(土) 09:09:46ID:???
>>509
ありがとうございます。
どのようになるのでしょうか？
0511nobodyさん2008/03/01(土) 15:49:00ID:???
>>510
参考にどうぞ
ttp://labs.unoh.net/2008/01/lazy-loading-of-images.html
05125082008/03/01(土) 17:12:42ID:???
>>511
ありがとうございます。
こちらを参考にがんばってみます。
0513nobodyさん2008/03/08(土) 18:02:03ID:???
質問です。

Mozillaで特定拡張子のリンクをクリックしたら、リンク先の内容を読み込んで、
その内容をローカルのサーバにXMLHttpRequestで送りつけるみたいな処理が
したいのですが、このようなことをするにはどうすればいいか、あるいはどの辺を
調べればよいか、ご指南いただけないでしょうか。
0514nobodyさん2008/03/08(土) 21:10:39ID:???
>>513
まずはページ内のA要素を調べて
拡張子はリンク先の「.」で区切って一番最後の部分を調べる。
特定の拡張子を見つけたらそのリンクをクリックしたときの動作を追加させる。
もちろん、リンク先が別のサーバとか言わないよね？
全部同一のサーバであることが条件。
0515nobodyさん2008/03/09(日) 03:43:00ID:???
ありがとうございます。
とりあえず、↓のようにブラウザに落とさせてローカルファイル名を渡す方法を試しています。
行き詰ったら参考にさせていただきます。
http://developer.mozilla.org/ja/docs/Code_snippets:Download_Observer
05165142008/03/09(日) 04:44:42ID:???
>>515
Mozillaダウンロードマネージャの機能だからAjaxじゃないｗ
0517nobodyさん2008/03/09(日) 13:15:49ID:???
すいませんｗ
0518nobodyさん2008/03/31(月) 08:25:52ID:9S6Z1c8r
Link Thumbnailでリンク先のサムネイルを表示するようにしたんですが、prototype.jsのUpdaterで
ページ内に読み込んだHTML内のリンクのサムネイルが表示できないのですが、Link Thumbnailを
どこかいじったりしないと使えないのでしょうか？
そもそもUpdaterの使い方とかが間違ってたりする可能性もあるんでしょうか・・・
0519nobodyさん2008/03/31(月) 12:10:47ID:???
すいませんｗ
0520nobodyさん2008/04/02(水) 17:51:54ID:yyFgbxJJ
prototype.jsよりmootoolsのほうが使いやすいね。機能も豊富だし
これと場合によってjQueryを組み合わせるのがいいかも
0521nobodyさん2008/04/03(木) 20:56:05ID:???
Ext2.0って便利？
0522nobodyさん2008/04/04(金) 05:07:11ID:???
Extは使ってみたいけどドキュメントがわけわかめ
mootoolsはドキュメントがすばらしすぎる。普通のJavaScriptのドキュメントもこの形式で誰か作って欲しい
0523nobodyさん2008/04/04(金) 16:14:35ID:???
extは便利そうだけど商用が別ライセンスだからなぁ。。
0524nobodyさん2008/04/05(土) 21:28:36ID:???
1の時に使ってみたが、Extの形にはまったサイトを作るなら、見てくれも良いしお勧め。
ただし、違ったことをしようとすると、大変。

部品を組み立ててサイトを構成すると言うよりも、ある定型、解法として使用する感じ。
0525nobodyさん2008/04/06(日) 09:11:29ID:???
JavaScriptは難しいわ。いろんなところでハマる。
開発環境も余り整ってないし・・・
evalの第2引数(コンテキスト)ありのバージョンがIEになかったりと、ブラウザによっていろいろ違うし

作るのに苦労したので張っとく
functin newEval(str, context){
　for(var i in context){
　　eval("var "+ i +" = context."+ i +";");
　}
　return eval(str);
}
0526nobodyさん2008/04/06(日) 10:52:16ID:WI8gpQRH
SJISコードのCSVファイルをajax(javascript)でブラウザに
一覧表示する方法があれば、ご教授頂けないでしょうか？

prototype.js等でCSVファイルの一覧表示は可能ですが、
SJISコードのCSVファイルは日本語が文字化けしてしまいます。
UTF-8のCSVファイルは正常表示できます。

※データバインド機能はIE依存のため採用できません。
　また、perl、PHP等サーバサイドの言語は利用できません。
0527nobodyさん2008/04/06(日) 11:11:53ID:???
>>525
言うのは、心苦しいが…
"eval は、使用しない"、と言うのが、常識。
0528nobodyさん2008/04/06(日) 11:14:04ID:???
>>526
ajaxというか、XHRを使うなら、UTF-8にするのが当然。
0529nobodyさん2008/04/06(日) 11:54:30ID:???
Extは重いんだよな。
あとクロスブラウザの対応がいまいちなのも。
0530nobodyさん2008/04/06(日) 12:43:05ID:???
Shift_JIS程度の空間なら、Unicodeへの変換テーブルを持たせても
大した大きさじゃない。
配列抱えて自力で変換。
0531nobodyさん2008/04/06(日) 15:53:56ID:???
>>527
普通の使い方ならeval必要ないんだけどライブラリ作成する場合とかに必要になるのよ
0532nobodyさん2008/04/06(日) 16:30:20ID:???
>>526
iframeで読み込んでinnerHTML経由で読み込むとかかなぁ
改行がきちんと認識されなさそうで嫌だけど。

>>531
JSON以外で必要になる状況ってどんなところ？
0533nobodyさん2008/04/06(日) 16:46:17ID:???
>>532
JSP上で動くいいテンプレートライブラリがなかったので自作してたときに必要になった＞eval
0534nobodyさん2008/04/06(日) 17:06:33ID:???
memo
ttp://www.nslabs.jp/round-trip.rhtml
05355262008/04/06(日) 21:31:45ID:???
レスくれた人ありがとう。EXCELからCSVに変換すると文字コードがSJISなので、
ブラウザで簡単な表示方法があればと思ったんですが。

>>528
やっぱりそうなんですかねぇ

>>530
私のスキルでは難しいかも・・・

>>532
試してみます
0536nobodyさん2008/04/12(土) 15:41:05ID:???
stage6全体が難しすぎて先に進まない
0537nobodyさん2008/04/23(水) 22:31:02ID:NgtvXg50
http://simple-template.googlecode.com/svn/trunk/web/desc/index.html
簡単なJavaScriptのテンプレートライブラリ作った。
200行未満なのに2週間もかかった・・・でも勉強になったわ
0538nobodyさん2008/04/24(木) 22:41:45ID:???
なんつうか、ショボイよおまえら。JScriptならresponsBodyでバイト列取れるだろ。sjis utf8 変換なんて一度は書いたことあるだろっつうか、一度は書いとけよ、JScriptでいいから。
0539nobodyさん2008/04/25(金) 12:58:06ID:???
いや鯖でやれよそんなこと
0540age2008/04/26(土) 13:58:42ID:???
age
0541nobodyさん2008/04/27(日) 06:30:26ID:???
idとnameの使い分けはどのようにすればいいのでしょうか？
0542nobodyさん2008/04/27(日) 06:49:15ID:???
ちょ・・・Ajaxやるってレベルじゃねーぞ
0543nobodyさん2008/04/28(月) 15:25:29ID:KBbip2Rh
YUIの日本語マニュアルってないんでしょうか？
0544nobodyさん2008/04/28(月) 16:29:47ID:???
id name 使い分け の検索結果 約 82,200 件中 1 - 10 件目 (0.25 秒)
0545nobodyさん2008/05/02(金) 22:50:53ID:pfryqK8y
>>541
Ajax超入門のスレでも立てろ。
0546nobodyさん2008/05/03(土) 10:41:53ID:SAlSXKoz
それ魅力。
0547nobodyさん2008/05/15(木) 19:45:54ID:aTzQwVKD
Yahoo!UIライブラリのDataSourceで
オブジェクトがNullかどうかを判定したいのですが、

this.myDataSource= new YAHOO.util.DataSource(YAHOO.util.Dom.get("data"));


if(　this.myDataSource == null){
　　　//ｎｕｌｌの処理
}else{
　　//ｎｕｌｌじゃないときの処理
}

とやってもNullかどうか判定ができません。

ifの前に、
alert(this.myDataSource);
をいれてみると、データが無い場合は、
メッセージBOXにNULLと表示されます。
どうやって判定するのでしょうか？
0548nobodyさん2008/05/16(金) 08:07:53ID:Le4L1yVl
事故解決

YAHOO.util.Dom.inDocument("data")
で、Ｎｕｌｌの判定できますた。
0549nobodyさん2008/05/18(日) 17:22:42ID:gEvPWHZm
Ajaxってサーバーに負荷かかるんすか？
Ajax初心者
0550nobodyさん2008/05/18(日) 21:15:41ID:???
当然だ

サーバーへのアクセス以外の非同期処理を
JavaScriptで書く理由がないんだからな
0551nobodyさん2008/05/18(日) 23:32:50ID:???
全てをXHRで処理すれば、最初のHTML+JSの通信以外の負荷は減るけどね
0552nobodyさん2008/05/20(火) 16:43:53ID:c9YcmzwD
ありがとうございました。
>>550-551
0553nobodyさん2008/05/21(水) 02:04:58ID:jFfpiayE
いまいち、AjaxとかWebサービスっていうのが理解できんのだけど
Ajaxっていうのだけで、AmazonWebサービスとかにつなげることができる？

PHPとかPerlとかの環境無しに、AjaxのJavaScriptを含んだHTMLを用意すれば
AmazonのWebサービスに接続して色々データもらったりできる？
0554nobodyさん2008/05/21(水) 02:24:17ID:???
できる。でもphpとか使ったほうが簡単。
0555nobodyさん2008/05/21(水) 02:31:23ID:???
JSONPみたいなのに対応してないとできないだろ
0556nobodyさん2008/05/21(水) 08:43:06ID:???
Ajaxの定義が曖昧になりつつある
0557nobodyさん2008/05/21(水) 12:55:19ID:???
今さら何を...
0558５５３2008/05/21(水) 14:53:47ID:???
>>all
thxだお（ ＾ω＾）やってみるお（ ＾ω＾）
0559nobodyさん2008/05/22(木) 03:56:59ID:???
>>556
それはもう2年前の話題だ・・・・
0560nobodyさん2008/05/22(木) 18:55:47ID:???
Ajaxで2年前の話題といえば、すでにcometができていた頃になるよね
cometといえば、昔ちょっとしたチャットを作った時には
Juggernauts(Flashベース)を使ったけど
今はどういう実装がいいんだろう。気になるな。
0561nobodyさん2008/05/23(金) 12:36:33ID:???
コメットさ〜ん
0562nobodyさん2008/05/31(土) 19:04:45ID:???
Ajaxの参考書でおすすめなものありますか？
ASPやPHPでの連携を考えています。
主に非同期通信とDOMについて知りたいです。

近所の本屋には「10日で覚える」があったんですけど、内容が薄くてダメでした
0563nobodyさん2008/06/01(日) 22:17:40ID:???
サイ本
0564nobodyさん2008/06/03(火) 16:22:53ID:???
高いよな
0565nobodyさん2008/06/05(木) 09:06:40ID:???
これからAjaxの勉強しようと思うんだけど、
ライブラリって何がお勧め？
jQueryとかmooToolsって最近よく見るけど。
0566nobodyさん2008/06/05(木) 18:31:27ID:???
ExtJSってあんまり挙がらないけどなんでかな
YUIの派生だと思われてるから？
0567nobodyさん2008/06/05(木) 19:08:35ID:???
>>566
なんかライセンスがややこしかったような・・・。
0568nobodyさん2008/06/05(木) 21:18:05ID:???
いまは単なるGPL3。
個人的にはExt大好きだ。
0569nobodyさん2008/06/06(金) 00:54:33ID:???
ライブラリとしてはｊQueryが気に入ってる
UIライブラリはまだこれぞといったものは無い気がする
0570nobodyさん2008/06/07(土) 01:57:16ID:???
jqueryがコンパクトで好き。CSSでのセレクタが楽。プラグインも結構豊富だし。
0571nobodyさん2008/06/07(土) 03:20:42ID:???
Dojo使いの猛者はいないのか
0572nobodyさん2008/06/07(土) 06:13:07ID:???
mooToolsが結構いい感じなんだけど、使ってる人いますか？
0573nobodyさん2008/06/12(木) 15:17:06ID:???
ajax(jquery)とGoogleMapでの質をしたいのですがよいでしょうか？
0574sage2008/06/14(土) 02:05:37ID:A6m8u9Po
http://www.machboot.com/

Ajaxしかやらないなら、
このCD-ROM Linuxはどおよ？
起動は超高速だよ。
0575nobodyさん2008/06/14(土) 03:19:11ID:???
mootools1.2でたね
ドキュメントは前のほうが見やすかった気がするけど
どこが変わったんだろう？CSS3のセレクタ対応になったみたいだけど
0576nobodyさん2008/06/15(日) 22:07:12ID:65wGsjVh
Google AJAX Library APIで、もしgoogleのサーバから
ライブラリが読み込めなかったときに
ローカルに置いてるコピーにフォールバック
するようなことって簡単にはできないでしょうか?

<script src="http://www.google.com/jsapi"></script>
<script>
google.load("mootools", "1.11");
// codes here
</script>

上は読み込み用の推奨コードなんだけど、
もし一行目で失敗したら、代わりに
<script src="lib/jquery.js"></script>
を実行する、みたいな感じのことができるといいなと。
0577nobodyさん2008/06/18(水) 01:42:32ID:???
<script src="http://www.google.com/jsapi">document.write('<script src="lib/jquery.js"></script>')</script>
0578sage2008/06/19(木) 18:50:51ID:/lNEczRD
mootoolsはエフェクトの動きが綺麗でよいよね。
軽いし、基本的にスクリプトでやりたいことは全てできるし。
>>575
Fx.StyleがFx.tweenになったりFx.StylesがFx.Morphになったり。
エフェクトはより記述法がシンプルになったねー
Element.setがかなり強力ｗｗ
個人的にはSWFobject代わりのSwiffクラスに期待してます。なんかFlashと非同期通信できるっぽい。。
0579nobodyさん2008/06/20(金) 05:20:04ID:???
昨日出たてのFireFox3なんだけど、
これって、XMLHttpRequestのopenメソッドで、
syncでリクエスト出来ないの？(async=false)

FireFox1.5 2.0　と　IE6 7 で動いてたコードが動かなくなったんで、
デバッグしてみたんだが、どうもこれのようだ・・・。
(ちなみに、サーバーのアクセスログでは、Request自体は発生している)

ちょっとググって見たところでは、
request_obj.readystatechenge = function(){
    if(request_obj.readyState==4){ callback(request_obj); }
}
の、readyState==4あたりに問題ありそうだけど、どこもasyncの解説ばかりで、syncについては詳しくない書いてないんだよ。
05805792008/06/20(金) 05:21:59ID:r28fW1Ib
すいません。
>>579の
readystatechenge = 　　は
onreadystatechange =　の間違いです。

あと、あげときます。
0581nobodyさん2008/06/20(金) 08:25:36ID:???
jquery UIのメジャーリリースまだかなー。

みなさん、エフェクト系のライブラリ・プラグインは何使ってますか？
0582nobodyさん2008/06/20(金) 19:34:28ID:???
>>577
どうもありがとう
でもSafari3で試したらだめだった。
他のブラウザだとこれでOKなんでしょうか?
HTML4の仕様だとsrcにURLが書いてあると
読み込みに成功するかどうかに関係なく
タグの中は無視されるっぽいんだけど。
0583nobodyさん2008/06/22(日) 04:18:26ID:???
AJAXの本の中に、画像エフェクトの解説とかがあるのは
なんか違うような気が・・・
05845792008/06/22(日) 05:53:15ID:???
とりあえず解消した。

今まで、同じrequest用の関数に、sync,async(同期、非同期)用の引数付けて使い回してたんだが、
狐3では、それぞれで別の関数を用意しないといけないようだ。(関数中でifで場合分けするっていう手もあるか)

あとちょっと気になったのが、同期リクエストの時は、レスポンスが返ってくるまで、
他の動作を受け付けなかった(少なくとも、IE6,7と狐1.5,2.0ではそう)のが、
どうも狐3では、レスポンスが返って来るまでの間に、別の動作(クリックイベントや関数呼び出し)も動いてる。
仕様的にどうなのかは知らない。
0585nobodyさん2008/06/22(日) 18:40:29ID:???
Webアプリ作ろうと思ってるんだけど、
Velocityとjqueryって共存可能ですかね？

jspにした方がいいのかな？
0586nobodyさん2008/06/25(水) 05:08:46ID:???
>>584
＞どうも狐3では、レスポンスが返って来るまでの間に、別の動作(クリックイベントや関数呼び出し)も動いてる。

これまじか？req.send した次の行の処理とかも実行されるん？
05875842008/06/25(水) 06:17:22ID:???
>>586
自分の場合は、req_obj.send()の次の行は、callback_function( req_obj )なんだけど、
その関数ブロックを抜けてから、実行させたい別の関数が先に動作してしまって、
その後、レスポンスが返ってきた時点で、callback_function()が実行されるって感じかな。

ちょっと分かりにくいかもしれないけど、例えばGoogleMapsなんかで、

1.XHRで座標と説明を取得→
2.callbackでMarker作成や説明htmlの作成→
3.関数を抜けて別の関数でXHRとは無関係のオブジェクトを操作

とかしたかった(ってゆうか、IEとFF2.0まではそのように出来た)のが、狐3だと、3の動作が先に来てしまい、
そのあと2の動作が実行されてしまった。

(なので、3の関数も2のcallbackの中から呼び出すようにして、期待した通りにはなったけど・・・)
0588nobodyさん2008/06/27(金) 21:29:10ID:???
Ajaxでボタンなどを作る時は何と何が必要でしょうか?
0589nobodyさん2008/06/27(金) 23:55:40ID:???
知識と行動力。
0590nobodyさん2008/06/30(月) 00:21:11ID:???
>588
自力で調べる力
0591nobodyさん2008/06/30(月) 09:26:28ID:???
>>588
知力、体力
0592nobodyさん2008/06/30(月) 10:42:43ID:???
>>588
ブラウザ、検索エンジン
0593nobodyさん2008/06/30(月) 11:11:07ID:???
>>588
その質問がおかしいと感じる自己チェック機能
0594nobodyさん2008/06/30(月) 13:16:27ID:???
>>588
PCと健全な心身
0595nobodyさん2008/06/30(月) 13:57:37ID:???
>>588
「ajax ボタン」というキーワードとgoogle
http://www.google.co.jp/search?q=ajax+%E3%83%9C%E3%82%BF%E3%83%B3&lr=lang_ja&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:ja:official&client=firefox
0596nobodyさん2008/07/01(火) 07:55:26ID:oWWIEd4r
やっぱ２ちゃんはまともな返答はないねｗ
聞いても無駄だとわかって聞いた俺が悪かった
自分で調べるわ

ごく少数の普通にやさしい人が現れるのを期待した俺がバカだったｗ
ググれ、自分で調べろが２ちゃんでは普通の返答だからなー

俺らも調べたり本買ったり勉強して分かった
だからおまえも自分で調べろ
正論ですｗ
0597nobodyさん2008/07/01(火) 09:27:06ID:???
>>596
あんな質問をする奴に丁寧に答えていたらそいつのためにならない
おまえもそのうち分かるさ
0598nobodyさん2008/07/01(火) 13:29:05ID:LO7WYZbF
>>596
ちゃんとした質問なのに、ひねくれて答えないやつもたくさんいるが、
この質問の場合お前が悪い。質問が悪すぎる
0599nobodyさん2008/07/01(火) 14:44:58ID:???
ちゃんとした質問でも、答えたくなければ答える必要なし。
0600nobodyさん2008/07/03(木) 22:53:02ID:???
ajaxを駆動するならXmlHttpRequestという関数を使え。
ボタンがほしいならその関数をonclickで起動しろ。
0601nobodyさん2008/07/05(土) 22:56:20ID:MCjoeRha
最近のアクセス解析ってクリック先が分かるものが多いけど、
あれってどういう仕組みになっているんですか？
後付けでスクリプトを挿入する訳だから、ページ内の全リンクにonclick属性を
スクリプトで付与するって方法は分かるんだけど、
肝心のXMLHttpRequestって、普通にやったら他ドメインじゃ使えないですよね？
0602nobodyさん2008/07/06(日) 01:54:18ID:???
何言ってるか、わかんね。
0603nobodyさん2008/07/06(日) 10:18:39ID:???
>>601
ユニークIDと時系列順でわかるだろ
0604nobodyさん2008/07/06(日) 22:55:33ID:???
>>602
XMLHttpRequestでログを取るＣＧＩを呼び出そうとしたんです。

>>603
勉強不足ですみません。クッキーを使うということですか？
自サイト内移動だけでなく、他サイトへのリンクのクリックも取得できますか？
0605nobodyさん2008/07/07(月) 11:39:36ID:???
>>604
XMLHｔｔｐRequestは他ドメインでも使えるよ。
他のドメインのクッキーとセッションは読み書きできないけど。

GoogleMapsAPIとか使ったことないですか？
あれはまさにwww.hogehoge.comからmaps.google.comにXMLHttpRequestを送信してる。
あらかじめサイト（ドメイン）ごとの認証コードを登録させてるから、リファラ取って照合する
と思われ。

var sitecode = "hogehoge";

onclickで

function()







■ このスレッドは過去ログ倉庫に格納されています