javascript - Prototype.js:ajax経由でコンテンツを更新せずに、divを上書きする方法は?

Question

私がする時

new Ajax.Updater('foo', 'getALifeGuys.php', ...

これにより、コンテンツが更新されます

<div id="foo">.

しかし、この div を ajax 呼び出しの結果で上書きするにはどうすればよいですか? この背後にある主なアイデアは、foo-div の親がわからず、ajax 呼び出しの結果にも . が含まれているということ<div id="foo">です。

Answer 1

同様に関数を取るinsertionオプションを使用できます。

new Ajax.Updater('foo', 'getALifeGuys.php', {
    insertion: function(el, response) {
        $(el).replace(response);
    }
});

あなたdiv#fooがその親要素の唯一の子である場合、その親を渡すこともできます：

new Ajax.Updater($('foo').parentNode, 'getALifeGuys.php', …);

Answer 2

この場合、最も簡単な方法は、を使用するのではなく、 whichwrapsをAjax.Updater使用するAjax.RequestことAjax.Updaterです。そのsuccessメソッド内で、を使用Element.replaceして、divをidに置き換え、fooメソッドから返されるコンテンツに置き換えることができます。