您的位置：首页 > 其它

【图】TechEd 2010归来

2010-12-06 00:11 447 查看

prototype的Ajax.Updater可以用来更新一段html，但在更新带javascript的html时，需要注意几个问题

一. 需要在Ajax.Updater添加参数 evalScripts : true

二. javascript代码块要使用下面的形式

showHi = function() {

    alert('Hi');

}

而不能使用下面的形式

function showHi() {

    alert('Hi');

}

三. 注意javascript代码块中不能使用  标记，否则 IE 会出错，firefox没问题。

下面是个例子, 在a1.jsp中加载a2.jsp,

a1.jsp代码

<html>

<head>

<title>Insert title here</title>

<script type="text/javascript" src="prototype-150.js"></script>

<script type="text/javascript">

function ajax() {

    var url = "/MyWebApp/a2.jsp";

    var myajax = new Ajax.Updater(

        {success: 'mydiv'},

        url,

        {

            asynchronous:true,

            method: 'get',

            evalScripts:true

        }

    );

}

</script>

</head>

<body>

    <a href="#" onclick="ajax()">click here1</a>



    <div id="mydiv"></div>

</body>

</html>

a2.jsp代码

<script type="text/javascript">

    showHi = function() {

        alert('Hi');

    }

    sayHello = function() {

        alert('Hello');

    }

</script>



<a href="#" onclick="showHi();">showHi</a>



<script type="text/javascript">

sayHello();

</script>

参考

http://www.prototypejs.org/api/ajax/updater

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航