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['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内容:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
<!--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-->

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<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() '>

  

posted @   mingruqi  阅读(49278)  评论(0编辑  收藏  举报
编辑推荐:
· 没有源码,如何修改代码逻辑?
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· .NET Core 托管堆内存泄露/CPU异常的常见思路
阅读排行:
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· 没有源码,如何修改代码逻辑?
· NetPad:一个.NET开源、跨平台的C#编辑器
· PowerShell开发游戏 · 打蜜蜂
· 凌晨三点救火实录:Java内存泄漏的七个神坑,你至少踩过三个!
点击右上角即可分享
微信分享提示