如何在js中调用php?

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何在js中调用php?相关的知识，希望对你有一定的参考价值。

在js中调用php的方法是直接在script标签的src属性中嵌入要访问的php地址。

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

<script type="text/javascript" src="/index.php/test/testjson2">  

</script>  

<script type="text/javascript" >  

    alert(jstext);  

</script> 

2、在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的值。

3、调用结果：

 参考技术A 举一个简单的例子来说明:
如在页面a.html中用下面这句调用:

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

在b.php中有这样一段PHP代码:
<? $action=$_GET['action']; //echo "var jstext='$action'"; //输出一句JS语句,生成一个JS变量,并赋颠值为PHP变量 $action的值 //echo "var jstext='aa'"; echo "var jstext="."'$action'"; ?>

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

6 自己写的js和php互相调用
1.php内容：
<?php

//echo "<script LANGUAGE='javascript'>alert('$php变量');</script>"; //最简单的php调用js
//echo "<a href=#><img width=50 src='$fruit_pic_array[$i]' onMouseOver=’javascript:a();‘></a>";
//echo "<a href='3.php'>aaaa</a>"; //php中超链接

//echo "<script type='text/javascript' language='javascript'>phpmake('PHP建站学习笔记网');</script>"; //有时候需要在PHP执行过程中，需要调用JavaScript自定义函数(验证时出错)
echo "function ok(msg)alert(msg);";
?>
<HTML>
<HEAD>
<TITLE> php调用js文件的好办法</TITLE>
</HEAD>
<BODY>
<!--js调用php中定义的js-->
<scrīpt language=''javascrīpt'' type=''text/javascrīpt'' src=''1.php''></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'm OK!";

else

echo "I'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>

<!--js调用php-->
<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('<?php echo 'Y';?>');

</script>
</head>
<body>
<?php
$email="aa";
?>
<input type=button value=click onclick= 'test() '>
</body>
</html>

<!--php中含有js代码-->
<?php
echo "
<script language=javascript>
function test()
alert( 'hello ');

</script> ";

?>
<input type=button value=click onclick= 'test() '> 参考技术B 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['action']; //echo "var jstext='$action'"; //输出一句JS语句,生成一个JS变量,并赋颠值为PHP变量 $action的值 //echo "var jstext='aa'"; echo "var jstext="."'$action'"; ?>

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

6 自己写的js和php互相调用
1.php内容：
<?php

//echo "<script LANGUAGE='javascript'>alert('$php变量');</script>"; //最简单的php调用js
//echo "<a href=#><img width=50 src='$fruit_pic_array[$i]' onMouseOver=’javascript:a();‘></a>";
//echo "<a href='3.php'>aaaa</a>"; //php中超链接

//echo "<script type='text/javascript' language='javascript'>phpmake('PHP建站学习笔记网');</script>"; //有时候需要在PHP执行过程中，需要调用JavaScript自定义函数(验证时出错)
echo "function ok(msg)alert(msg);";
?>
<HTML>
<HEAD>
<TITLE> php调用js文件的好办法</TITLE>
</HEAD>
<BODY>
<!--js调用php中定义的js-->
<scrīpt language=''javascrīpt'' type=''text/javascrīpt'' src=''1.php''></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'm OK!";

else

echo "I'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>

<!--js调用php-->
<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('<?php echo 'Y';?>');

</script>
</head>
<body>
<?php
$email="aa";
?>
<input type=button value=click onclick= 'test() '>
</body>
</html>

<!--php中含有js代码-->
<?php
echo "
<script language=javascript>
function test()
alert( 'hello ');

</script> ";

?>
<input type=button value=click onclick= 'test() '>

如何在js里引用php变量

如何在js里面引用php的变量
php代码-------------------------------------------

js代码-------------------------------------------

想要在javascript中引入php变量最简单的就是混编方式,还有一种是通过shtml引入方式,但是shtml引入需要服务器许可,还需要独立设置输出文件,较为复杂不符合动态脚本趋势.这里就简单介绍混编方式的实现方法.

混编方式:

混编就是采用html与php代码混编方式来实现在html中运行php的方式.

注意点:

    文件必须是php文件.否则无法直接运行php.

    在需要运行输出php的地方必须要写完全的php引用标签,即<?php ?>格式.

    混编中php标签必须要有结尾,否则容易导致html部分异常.

案例:

文件名称:text.php

<!DOCTYPE html>
<html>
    <head>
        <title>php与html混编</title>
    </head>
    <body>
        <!--html注释:这里我们直接使用php来模拟一下欢迎提示语-->
        尊敬的<?php echo \'熊大\';?>(先生/女士),您好,欢迎您来到我的小站.<br>
        <script>
            alert("哎呀,<?php echo \'熊大\';?>你来了啊!");
        </script>
    </body>
</html>

上面的代码必要放在php文件里,然后访问看到的页面就是

这样就达到了在html里输出php变量的目的.

 参考技术A 比如$a=123;
<?php $a=123;?> 参考技术B 你首先要定义一下，需要的js变量，例如：var a = '<?php echo $m;?>'; 参考技术C 在js中可以使用<?php ?>来输出你需要引用的变量。
例如在你的第一个红色区域替换为 <?php echo $a; ?>
在你的第二个红色区域替换为<?php $b; ?> 参考技术D 引号中写<?php echo $a;?>;
setTimeout(function()anim.run();,"<?php echo $b;?>");

以上是关于如何在js中调用php?的主要内容，如果未能解决你的问题，请参考以下文章

如何将js的变量在php中使用

如何在js里引用php变量

如何在js里引用php变量

如何在当前页面用php 获取js 变量的值

如何在js里引用php变量

如何在html网页中调用JS函数