使用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
    });
}