[JavaScript]JS调用PHP和PHP调用JS的方法举例

1、JS方式调用PHP文件并取得PHP中的值
举一个简单的例子来说明:
如在页面test_json1中用下面这句调用:

[html]  view plain  copy

1. <script type="text/javascript" src="http://callmewhy.sinaapp.com/index.php/test/testjson2">  
2. </script>  
3. <script type="text/javascript" >  
4.     alert(jstext);  
5. </script>  

在test_json2.php中有这样一段PHP代码:

[php]  view plain  copy

1. <?php  
2. $php_test='I come from PHP!';  
3. echo "var test='$php_test';";  
4. echo "var jstext="."'$php_test';";   
5. ?>   

当执行test_json1.php文件时,就会调用test_json2.php文件,并将b.php文件的输出作为JS语句来执行,

所以此处会弹出一个提示框,内容为JS变量jstext的值,也就是在PHP文件中赋给jstext的值.

小结:在HTML里用JS 调用文件的方式调PHP文件,则PHP文件的输出将会被调用页作为JS的代码来用.

2、PHP调用JS中的值

在test_json3.php页面中有这样一段代码：

[html]  view plain  copy

1. <script type="text/javascript" >   
2. var data="call_me_why";   
3. </script>  
4. <?   
5.     echo "<script type=text/javascript>document.write(data)</script>";  
6. ?>  

3、php调用js中的方法(函数)
和第二种情况基本类似，利用echo脚本来实现JS调用

[html]  view plain  copy

1. <script type="text/javascript">   
2. function test() {     
3.     var t1=3;     
4.     t1 = t1+2;     
5.     alert(t1);     
6.     //return t1;   
7. }   
8. </script>  
9. <?php echo "<script type='text/javascript'>test();</script>"; ?>  
10.   
11.    

4、JS调用PHP变量
（1）

[html]  view plain  copy

1. <?php  
2.     $userId=100;  
3. ?>   
4. <script>  
5.     var userId;  
6.     userId=document.getElementById("userId").value;  
7.     alert(userId);  
8. </script>  
9. <input type="text" name="userId" id="userId" value="<?php echo $userId; ?>">  

（2）

[php]  view plain  copy

1. <?php  
2.     $url = 'CALL_ME_WHY';    //定义变量  
3. ?>  
4. <script type="text/javascript">  
5.     //js调用php变量  
6.     var ds ="<?php echo $url?>" ; //赋值  
7.     alert(ds); //输出效果  
8. </script>  

5 、 JS调用PHP函数

[html]  view plain  copy

1. <script language="JavaScript">  
2.     var Y=<?php echo date('Y')?>,M=<?php echo date('n')?>,D=<?php echo date('j')?>;  
3.     alert(Y);  
4.     alert(M);  
5.     alert(D);  
6. </script>