使用JavaScript原型自動隱藏DIV

Question

在開始之前，我將使用PHP和JS lib Prototype處理代碼中的Ajax。

所以我的問題如下：我正在使用以下函數將php文件加載到目標DIV中

   function ajaxUpdater(id, url)
{
    new Ajax.Updater('targetDiv', 'data.php', {asynchronous: true});
}

使用按鈕內的onClick函數，我抓取了data.php的內容，並將其顯示在ID為'targetDiv'的DIV中。

問題是這樣的。

我想隱藏data.php中的某些內容，並且僅在觸發事件時才顯示。 我一直在嘗試各種解決方案，但是似乎沒有任何效果。 （只是增加了混亂，當單獨打開data.php時，函數起作用，但是當使用我的ajax函數加載data.php時，函數不起作用。

任何幫助或提示或任何東西將不勝感激！

Answer 1

弘樹

我建議您通過Ajax方法傳遞一些參數，並在data.php中使用一些邏輯來選擇要發送回的數據。 這是我如何通過原型調用傳遞參數的示例。

new Ajax.Updater('targetDiv', 'data.php', { parameters: { myParam1: 'hello', myParam2: 'world'} });

進入data.php文件以創建一些邏輯。 請注意，默認情況下，prototype的發送參數的方法是POST，但是您始終可以通過在同一Ajax.Updater調用中聲明method: 'get'來更改它，如下所示：

new Ajax.Updater('targetDiv', 'data.php', { method: 'get', parameters: { myParam1: 'hello', myParam2: 'world'} });

Answer 2

查看原型API的AJAX部分。 在其中討論了可以使用的名為“ evalJS”的選項，可以將其設置為true。 設置此選項后，更新程序返回的所有javascript都將被評估並正常運行。

function ajaxUpdater(id, url) {
    new Ajax.Updater('targetDiv', 'data.php', {
      asynchronous: true,
      evalJS: true
    });
}