javascript - 使用 Ajax.Updater 获取 javascript 文件 (prototypejs)

Question

这是我的 ajax 请求:

new Ajax.Updater({ success: 'footer' }, '/dyn/actions/checkSystemMessage', {
      insertion: 'after',
      evalScripts: true
    });

以下是/dyn/actions/checkSystemMessage 中的内容:

<script type="text/javascript"><!--

document.observe('dom:loaded', function() {

    buildSystemMsg = function(SystemMsg) {
        //behind container
        behindContainer = new Element('div', {id: 'behind-system-message'});
        behindContainer.setStyle({display: 'none'});
        document.body.appendChild(behindContainer);

        //main container
        container = new Element('div', {id: 'system-message'}).update(SystemMsg);
        container.setStyle({display: 'none'});
        document.body.appendChild(container);

        //hide button
        hideBtn = new Element('a', {'class': 'close-button', 'title': 'Close System Message'}).update('Close');
        hideBtn.setStyle({ marginTop: '5px'});
        container.insert({bottom: hideBtn});

        offsetY = container.getHeight();

        //show
        if ($('mod-system-alert'))
        { new Effect.Move($('mod-system-alert'), { queue: 'front', x: 0, y: offsetY, mode: 'relative', duration: 0 }); }
        new Effect.Move($('footer'), { queue: 'front', x: 0, y: offsetY, mode: 'relative', duration: 0 });
        new Effect.Move($('page-container'), { queue: 'front', x: 0, y: offsetY, mode: 'relative', duration: 0 });      
        new Effect.Move($('nav'), { queue: 'front', x: 0, y: offsetY, mode: 'relative', duration: 0 });
        new Effect.Move($('header-container'), { queue: 'front', x: 0, y: offsetY, mode: 'relative', duration: 0 });
        Effect.BlindDown(behindContainer, { queue: 'front', duration: 0 });
        Effect.BlindDown(container, { queue: 'end', duration: 0.5 });


        hideBtn.observe('click', function() {
            if ($('mod-system-alert'))
            { new Effect.Move($('mod-system-alert'), { queue: 'front', x: 0, y: -offsetY, mode: 'relative', duration: 0 }); }
            new Effect.Move($('footer'), { queue: 'end', x: 0, y: -offsetY, mode: 'relative', duration: 0 });
            new Effect.Move($('page-container'), { queue: 'end', x: 0, y: -offsetY, mode: 'relative', duration: 0 });       
            new Effect.Move($('nav'), { queue: 'end', x: 0, y: -offsetY, mode: 'relative', duration: 0 });
            new Effect.Move($('header-container'), { queue: 'end', x: 0, y: -offsetY, mode: 'relative', duration: 0 });
            Effect.BlindUp(behindContainer, { queue: 'front', duration: 0 });
            Effect.BlindUp(container, { queue: 'front', duration: 0.5 });
            set_cookie("HideSystemMsg", true);          
        });
    }

    hideMsg = get_cookie("HideSystemMsg");
    systemMsg = '${SystemMsg}';
    if (systemMsg.length > 0 && !hideMsg)
        buildSystemMsg(systemMsg);

});

--></script>

这既不会在具有 ID 页脚的元素后面插入 javascript，也不会执行脚本。它确实依赖于发生更新的页面上包含的其他 JavaScript 库。这可能是我的问题所在吗？

Answer 1

我相信只有当您的响应 header 具有“text/javascript”内容类型时，evalScripts 才会起作用。这告诉 AJAX 库您从服务器获取的是一个脚本。

此外，您不需要标记:<script type="text/javascript"><!-- ，和:--></script>

我希望这会有所帮助。