JS调用PHP和PHP调用JS的方法

淡淡的烟草味﹌ 2024-04-02 04:09 103阅读 0赞

## JS调用PHP和PHP调用JS的方法 ##

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

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

在test\_json2.php中有这样一段PHP代码:

> 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页面中有这样一段代码：

> 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调用**

> 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>"; ?>`

**4、JS调用PHP变量**  
（1）

> 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）

> 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函数**

> 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>`