admin管理员组

文章数量:1415695

I have this sample page:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Ajax Page</title>
<script type="text/javascript">
function ajax_hello() {
    alert ("hello");    
}
alert ("Hello from JS");
</script>
</head>

<body>
This is the Ajax page.
<a href='#' onclick='ajax_hello();'>Click here to fire off JS function</a>.
</body>
</html>

I am calling it with this:

new Ajax.Updater($(element), page, { method: "get", evalScripts: true });

The alert is running, but the function is not registering (ajax_hello()).

Is there a way to get ajax to register a javascript function to the calling page?

I have this sample page:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Ajax Page</title>
<script type="text/javascript">
function ajax_hello() {
    alert ("hello");    
}
alert ("Hello from JS");
</script>
</head>

<body>
This is the Ajax page.
<a href='#' onclick='ajax_hello();'>Click here to fire off JS function</a>.
</body>
</html>

I am calling it with this:

new Ajax.Updater($(element), page, { method: "get", evalScripts: true });

The alert is running, but the function is not registering (ajax_hello()).

Is there a way to get ajax to register a javascript function to the calling page?

  • javascript
  • ajax
  • prototypejs
Share Improve this question edited Dec 28, 2011 at 21:56 Rob W 349k87 gold badges807 silver badges682 bronze badges asked Nov 28, 2009 at 13:49 OneNerdOneNerd 6,55217 gold badges63 silver badges78 bronze badges 1
  • 1 How do you know it's not registering? Does the browser issue an error when you click the link? – Igor Zinov'yev Commented Nov 28, 2009 at 13:56
Add a ment  | 

1 Answer 1

Reset to default 6

In response to the ment, I poked at the documentation and it appears that there are some special rules for Prototype when scripts are evaluated by the updater. The scripts can be anywhere in the response, but you need to assign any function definitions to a global variable to make them available to your page.

About evalScripts and defining functions If you use evalScripts: true, any block will be evaluated. This does not mean it will get included in the page: they won't. Their content will simply be passed to the native eval() function. There are two consequences to this:

The local scope will be that of Prototype's internal processing function. Anything in your script declared with var will be discarded momentarily after evaluation, and at any rate will be invisible to the remainder of the page scripts. If you define functions in there, you need to actually create them, otherwise they won't be accessible to the remainder of the page scripts. That is, the following code won't work:

// This kind of script won't work if processed by Ajax.Updater:
function coolFunc() {
    // Amazing stuff!
}

You will need to use the following syntax:

// This kind of script WILL work if processed by Ajax.Updater:
coolFunc = function() {
   // Amazing stuff!
}

本文标签： Prototype AjaxUpdater Eval Javascript FunctionsStack Overflow

版权声明：本文标题：Prototype Ajax.Updater Eval Javascript Functions - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1745237328a2649114.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。