使用prototype的Ajax.Updater更新带javascript的html

最新推荐文章于 2018-08-08 17:30:13 发布

iteye_12528

最新推荐文章于 2018-08-08 17:30:13 发布

阅读量156

点赞数

分类专栏： ajax 文章标签： Ajax JavaScript HTML prototype JSP ViewUI

ajax 专栏收录该内容

27 篇文章 0 订阅

订阅专栏

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

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
使用prototype的Ajax.Updater更新带javascript的html

prototype的Ajax.Updater可以用来更新一段html，但在更新带javascript的html时，需要注意几个问题一. 需要在Ajax.Updater添加参数 evalScripts : true二. javascript代码块要使用下面的形式showHi = function() { alert('Hi');}而不能使用下面的形式function showH...
复制链接

扫一扫

专栏目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。