从php循环调用Java脚本函数

Question

i am wounding if i can do this, as i am trying this from last 2 days but no success.

i want to run java script function from php

like

php example

<div id="meprocess"></div>
<?php
for($i=1;$i<=10;$i++)
{
?>
<script>
jfun(<?php echo $i;?>);
</script>
<?php
}
?>

java script

<script type="text/javascript">

function jfun(n)
{
html="Loop is on" + n;
$("<div>"+ html +"</div>").appendTo("div#meprocess");   
}
</script>

i am trying to generate a page which print loop number one by one....

but i got error jfun is not defined.

what i can understand my be java script function is not ready at the time of php execution. is there any way round, like running the php loop when DOM/Page is ready so that java script function will be ready that time, or any other way round....

Thanks

Answer 1

You have to define that function before calling it

http://sandbox.phpcode.eu/g/15b02.php

<div id="meprocess"></div>
<script type="text/javascript">

function jfun(n)
{
html="Loop is on" + n;
$("<div>"+ html +"</div>").appendTo("div#meprocess");   
}
<?php
for($i=1;$i<=10;$i++)
{
?>
jfun(<?php echo $i;?>);
<?php
}
?>
</script>

Answer 2

Your PHP code is generating (in a very bad way..) some javascript code that will be executed by the script. Although it should work, this is definitely not the best way to do that - you should run the loop on the js-side, eventually passing values from your PHP script..

However:

The "undefined function" problem is given since you try to run the code before the function is created; using jQuery, to make some code executed only after everything is loaded, use:

$(document).ready(function(){
// Your code here..
})

or just

$(function(){
// Your code here..
})

As described here: http://api.jquery.com/ready/

For the for loop, you should generate some js like this:

<div id="meprocess"></div>
<script type="text/javascript">
for (i=1; i<=10; i++) {
jfun(i);
}
</script>

..maybe, generating the min/max values from the PHP script:

<?php
  $min = 1;
  $max = 10;
?>
<div id="meprocess"></div>
<script type="text/javascript">
for (i=<?php print $min; ?>; i<=<?php print $max; ?>; i++) {
jfun(i);
}
</script>

..that's more good practice than writing N function calls in order to loop..

Answer 3

First of all, ensure that your javascript function is above function uses.

Or try with <script>jfun("<?php echo $i;?>");</script>

Answer 4

Write the code before the PHP code. In that case the function jfun is known.