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

 5082

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


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

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

1、JS方式调用PHP文件并取得PHP中的值

举一个简单的例子来说明:

如在页面test_json1中用下面这句调用:

  1. <script type="text/javascript" src="http://callmewhy.sinaapp.com/index.php/test/testjson2"></script>
  2. <script type="text/javascript" >
  3.     alert(jstext);
  4. </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. <?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; ?>">

第二种:

  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>

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


TAG标签:
本文网址:https://www.zztuku.com/detail-7868.html
站长图库 - 举例说明JS调用PHP和PHP调用JS的方法
申明:如有侵犯,请 联系我们 删除。

评论(0)条

您还没有登录,请 登录 后发表评论!

提示:请勿发布广告垃圾评论,否则封号处理!!

    编辑推荐