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

JS与PHP交互详解

最新推荐文章于 2025-08-19 11:27:40 发布

原创最新推荐文章于 2025-08-19 11:27:40 发布 · 4.8w 阅读

12 ·

CC 4.0 BY-SA版权

PHP 同时被 3 个专栏收录

31 篇文章

订阅专栏

PHP学习笔记

23 篇文章

订阅专栏

JavaScript

9 篇文章

订阅专栏

本文详细介绍了JavaScript与PHP之间的交互方式，包括JS调用PHP文件并获取值、PHP调用JS值及方法、JS调用PHP变量和函数等具体应用场景，并提供了实际代码示例。

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

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

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

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

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

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

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

2、PHP调用JS中的值

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

<script type="text/javascript" > 
var data="call_me_why"; 
</script>
<? 
	echo "<script type=text/javascript>document.write(data)</script>";
?>

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

<script type="text/javascript"> 
function test() {   
	var t1=3;   
	t1 = t1+2;   
	alert(t1);   
	//return t1; 
} 
</script>
<?php echo "<script type='text/javascript'>test();</script>"; ?>

4、JS调用PHP变量
（1）

<?php
	$userId=100;
?> 
<script>
	var userId;
	userId=document.getElementById("userId").value;
	alert(userId);
</script>
<input type="text" name="userId" id="userId" value="<?php echo $userId; ?>">

（2）

<?php
    $url = 'CALL_ME_WHY';    //定义变量
?>
<script type="text/javascript">
    //js调用php变量
    var ds ="<?php echo $url?>" ; //赋值
    alert(ds); //输出效果
</script>

5 、JS调用PHP函数

<script language="JavaScript">
	var Y=<?php echo date('Y')?>,M=<?php echo date('n')?>,D=<?php echo date('j')?>;
	alert(Y);
	alert(M);
	alert(D);
</script>