【javascript文法】　prototype.js Ajax.Request　onSuccess:に指定するfancitonの書き方

Question

以下HTMLは開いた時に'2'がアラート、続いて'hello world'がアラートされるものです。
動作的には期待どおりに動きますが、記述方法に難を感じています。

課題としては、Ajax.RequestのonSuccess:に指定するfancrionをprototypeを使って
宣言したfunctionで且つ、引数を与えたいです。
（Ajax.Requestが返してくる引数も使いたい。）　表現が下手ですみません。

※行頭は全角スペースです。実際に機能させる為には
　半角に修正もしくは行頭スペースは削除して下さい。

<html>
<head>
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript"></script>
</head>
<body></body>
</html>

以下"/ruby/hello.cgi"の例
#!/usr/bin/ruby
puts "Content-Type: text/html\n\n"
puts "hello world"

※実際に実行する場合はprototype.jsが必要です。

これで、期待通りの結果が得られるのですが、コメントに記載したように、
http.prototype.request = function()の中でonSuccess:に指定する関数が、
this.と記述できず、r.と記述しないと動作しません。
http.prototype.request = function()の中で、
~~~~~~~~~~~~~~
http.prototype.processRequest = function(h,arg)
~~~~~~~~~~~~~~
を使うのですから、
r.processRequest(h,1)ではなく、
~
this.processRequest(h,1)
~~~~
と記述したいです。

因みに同じような質問を
http://oshiete1.goo.ne.jp/qa4663141.html
でしており、この『応用』だとも思うのですが、名案浮かばずです。

このような場合、どう記述するのがベターなのでしょうか？
よろしくお願いいたします。

Werner · Accepted Answer

bindでOKと言っておきながら動かなかったらあれなのでちょっと試してみました。

関数processRequestを変更しないのであれば、
　　onSuccess: this.processRequest.bindAsEventListener(this,1)
で動くと思います。

関数processRequestの引数の順序を
　　http.prototype.processRequest = function(arg,h){
と変更すれば、
　　onSuccess: this.processRequest.bind(this,1)
で動くと思います。


余談ですが、
> var url="/ruby/hello.cgi";　//実際に検証する為にはwebサーバにこのcgiを置く必要あり
ちょこっと実験するだけならcgiスクリプト作らなくても
HTMLファイルやTEXTファイルで動作確認できますよ。

Werner · Answer

ええと、こういう場合もあるからと言うことで
前の質問で参考URLを提示しておいたのですが見ましたか？

prototype.jsを使ってるならbindを使うのが一番良いでしょうね。
というか使わないなんてもったいない。

【javascript文法】 prototype.js Ajax.Request onSuccess:に指定するfancitonの書き方

bindでOKと言っておきながら動かなかったらあれなのでちょっと試してみました。

ええと、こういう場合もあるからと言うことで

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

【javascript文法】　prototype.js Ajax.Request　onSuccess:に指定するfancitonの書き方