首页 >后端开发 >php教程 >js调用php和php调用js的方法小结

js调用php和php调用js的方法小结

不言原创: 2018-07-14 11:27:594372浏览

这篇文章主要介绍了关于js调用php和php调用js的方法小结，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下

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

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

如在页面a.html中用下面这句调用:

<script type="text/javascript" src="b.php?action=test"></script>
<script type="text/javascript" >
alert(jstext);
</script>

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

<? $action=$_GET[&#39;action&#39;]; //echo "var jstext=&#39;$action&#39;"; //输出一句JS语句,生成一个JS变量,并赋颠值为PHP变量 $action的值 //echo "var jstext=&#39;aa&#39;"; echo "var jstext="."&#39;$action&#39;"; ?>

当执行a.html文件时,就会调用b.php文件,并将b.php文件的输出作为JS语句来执行,所以此处会弹出一个提示框,内容为JS变量jstext的值,也就是在PHP文件中赋给jstext的值.

小结:

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

2 php调用js中的值

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

<script type="text/javascript" > var url="aaaa*"; </script> <? $key="<script type=text/javascript>document.write(url)</script>"; echo $key; ?>

3 php调用js中的方法(函数)

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

4 JS调用PHP变量

（1）

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

（2）

<?php$url = &#39;变化的网址&#39;;    //定义变量?><script type="text/javascript">//js调用php变量var ds ="<?php echo $url?>" ; //赋值 alert(ds); //输出效果 </script>
5  -------------------------------
<script language="JavaScript"> <!--
var Y=<?php echo date(&#39;Y&#39;)?>,M=<?php echo date(&#39;n&#39;)?>,D=<?php echo date(&#39;j&#39;)?>;
-->
</script>

6 自己写的js和php互相调用

1.php内容：

<?php
 
//echo "<script LANGUAGE=&#39;javascript&#39;>alert(&#39;$php变量&#39;);</script>";   //最简单的php调用js
//echo "<a href=#><img width=50 src=&#39;$fruit_pic_array[$i]&#39; onMouseOver=’javascript:a();‘></a>";
//echo "<a href=&#39;3.php&#39;>aaaa</a>";   //php中超链接
 
//echo "<script type=&#39;text/javascript&#39; language=&#39;javascript&#39;>phpmake(&#39;PHP建站学习笔记网&#39;);</script>";   //有时候需要在PHP执行过程中，需要调用JavaScript自定义函数(验证时出错)
echo "function ok(msg){alert(msg);}";
?>

<HTML>
<HEAD>
<TITLE> php调用js文件的好办法</TITLE>
</HEAD>
<BODY>
<!--js调用php中定义的js-->
<scrīpt language=&#39;&#39;javascrīpt&#39;&#39; type=&#39;&#39;text/javascrīpt&#39;&#39; src=&#39;&#39;1.php&#39;&#39;></scrīpt>  
<scrīpt>
ok("aaaaaa!");
</scrīpt>
</script>
</BODY>
</HTML>

2.php内容：

<!--js调用php-->

<?php
$userId=100;
?>

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

 

 

<!--js调用php-->

<?php

if($_GET["action"]=="ok")

{

echo "I&#39;m OK!";

}

else

{

echo "I&#39;m not OK!";

}

?>

<SCRIPT Language = "JavaScript">

function func()

{

if(confirm("Are you OK with this?"))

{

this.location = "ok.php?action=ok";

}

else

{

this.location = "ok.php?action=cancel";

}

}

</SCRIPT>

<html>

<head>

</head>

<body>

<a href="#" href="#" onClick="javascript:func();">Please Click</a>

</body>

</html>

f38eb1ab5281597021b28a71d686a764

<html>
<head>
    <script>
        function isMail(PostString) {
            re = /\w*/
            if (re.test(PostString)) {
                return true;
            } else {
                return false;
            }
        }

        function test() {
            if (isMail(<?php echo $email?>)) {
                document.write("<?php echo "N";?>");
            } else {
                document.write(&#39;<?php echo &#39;Y&#39;;?>&#39;);
            }
        }
    </script>
</head>
<body>
<?php
$email = "aa";
?>

<input type=button value=click onclick=&#39;test() &#39;>
</body>
</html>


<!--php中含有js代码-->

<?php
echo "<script   language=javascript>
  function test(){
    alert( &#39;hello &#39;);    
  }
</script> ";
?>
<input type=button value=click onclick=&#39;test() &#39;>

以上就是本文的全部内容，希望对大家的学习有所帮助，更多相关内容请关注PHP中文网！

js调用php和php调用js的方法小结

相关文章