关注二维码
 找回密码
 立即注册
技术宅

关注:0

所属分类: 摄影专区 技术宅

本版块用以学习各类技术

js调用php和php调用js的方法举例

[复制链接]
查看: 110|回复: 0
发表于 2017-2-10 10:25:29 | 显示全部楼层 |阅读模式
u=4021176759,4195487577&fm=23&gp=0.jpg
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="#">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() '>

324

主题

355

帖子

6777

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
6777

最佳新人网站达人灌水之王

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则