首頁 > 後端開發 > php教程 > js呼叫php和php呼叫js的方法小結

js呼叫php和php呼叫js的方法小結

不言
發布: 2023-04-03 07:44:01
原創
4377 人瀏覽過

這篇文章主要介紹了關於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>
登入後複製

<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中文網!

相關推薦:

PHP產生參數的微信小程式的二維碼

對於PHP物件導向設計五大原則( SOLID)的總結

#

以上是js呼叫php和php呼叫js的方法小結的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板