您的位置：首页 > Web前端 > JavaScript

Javascript、PHP交互的实现

2015-06-27 10:12 615 查看

以下为一个例子说明：在浏览器中点击小明，变为小琳；再点击小琳，变为小明。通过这个简单的例子来看看javacsript与php是如何实现交互的。

下面为html代码：

<html>

<head>

<script type="text/javascript" src="jquery.js"></script>

<meta charset="utf8"></meta>

</head>

<body>

<script type="text/javascript">

function zzs(){

var a=$("#zzz").html();//获取div里的值并赋给变量a

a=a+"";//将a转换成字符串

a=a.trim();//去掉a前后的空格

if(a=='小明')

{

$.get("1.php?p=1",function(data){ //请求的php,后面带参数p

$("#zzz").html(data);})

}

else if(a=='小琳')

{

$.get("1.php?p=2",function(data){ //请求的php，后面带参数p

$("#zzz").html(data);})

}

}

</script>

<div id="zzz" style="cursor:pointer" onclick="zzs();">

小琳

</div>

</body>

</html>

以下为php代码：

<?php

header("Content-Type:text/html;charset=utf8");//编码

$p=$_GET['p']; //解析传过来的p参数

if($p==1)

echo '小琳';

else if($p==2)

echo '小明';

?>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航