站长图库

举例说明JS调用PHP和PHP调用JS的方法

 发布时间 2020-06-30 13:45:32 热度 134

 Tag标签:  JS调用PHP调用

举例说明JS调用PHP和PHP调用JS的方法


举例说明JS调用PHP和PHP调用JS的方法

在学习任何一门编程语言,我们都会听到调用这个词,那么,在javascript中是如何调用php的呢?在php中也可以调用js吗?下面就让我们一起来看看吧。

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变量

第一种:

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

第二种:

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

感谢大家的阅读,希望大家收益多多。


评论(0)条

    站长图库

    站长素材 - 建站资源分享平台

    猜你喜欢
    抽象卡通海浪帆船背景设计矢量素材下载

    抽象卡通海浪帆船背景设计矢量素材下载

    背景素材 154 2020-03-12

    抽象卡通海浪帆船背景设计矢量素材,适用于海浪帆船背景设计使用。

    独家首发搭建教程,微信红包牛+接龙+扫雷+PC蛋蛋源码

    独家首发搭建教程,微信红包牛+接龙+扫雷+PC蛋蛋源码

    微信源码 2901 2018-12-03

    微信红包牛+接龙+扫雷+PC蛋蛋源码是以模仿微信红包功能为基础,针对当下微信群里的一些流行玩法,如接龙、牛、扫雷玩法戏开...

    jQuery支付宝输入密码代码

    jQuery支付宝输入密码代码

    表单输入 193 2019-12-28

    jQuery支付宝输入密码代码是一款实用的遮罩弹窗支付密码输入框代码。

    HTML5 SVG圆形文字菜单特效

    HTML5 SVG圆形文字菜单特效

    菜单导航 209 2020-04-17

    HTML5 SVG圆形文字菜单特效是一款通过SVG布局跟鼠标hover悬停事件制的作菜单项的动画效果。