PHP与jQuery的超级组合
这两天学了学PHP,发现PHP真是个好东西,免费开源又简单,就一个字:爽! 学完了PHP的基本语法想找个PHP的模板学学,baidu,google了半天,发现了smarty,phplib等将近25个引擎,可真不少啊…… 到底要学哪个呢? 别忙,停停再说吧,因为我有了个新的想法: 用PHP加上前阵子学的jQuery怎么样呢?小试一把....
1.jquery.js 此处下载: http://code.google.com/p/jqueryjs/
2.目录结构:
html目录中存放html.html文件
inc目录中存放 jQuery.php文件
js目录中存放jQuery.js文件
主目录下存放html.php文件
3.内容:
html.html文件:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>PHP+jQuery组合测试</title>
<style>
h5{color:#CC3333;margin:0px;padding:0px;}
#test{
font:bold 14px;
color:#003366;
cursor:pointer;
}
</style>
</head>
<body>
<h5>PHP+jQuery超级组合实验2:会话与参数传递</h5>
<hr/>
<div id="user"></div>
<form method="post" action="html.php" id="form1" name="form1">
<label for="name"><input id="name" name="name" maxlength="20"/><br/>
<label for="age"><input id="age" name="age" maxlength="3"/><br/>
<input type="submit" name="submit" value="提交"/>
</form>
<h5>PHP+jQuery超级组合实验1:简单测试</h5>
<hr/>
<div id="test">Hello World! Click me please!</div>
<p id="pinfo">hello.</p>
</body>
</html>
jQuery.php
<?php
function jQinit($html)
{
if($html != NULL && $html != "")
{
$html=file_get_contents($html);
echo $html;
}
/*echo "<script language='javascript' src='js/jQuery.js'></script>";*/
$jqstr=file_get_contents("js/jQuery.js");
echo "<script language='javascript'>";
echo $jqstr;
echo "</script>";
}
//参数$jstr:jQuery脚本字符串;$html模板页面路径.
function jQuery($jstr)
{
//jQuery脚本
$jQuery=<<<EOT
<script language="javascript">
$("document").ready(function(){
$jstr;
});
</script>
EOT;
//输出具体jQuery内容
echo $jQuery;
}
?>
html.php
<?php session_start();?>
<?php
//引用jQuery模块
require("inc/jQuery.php");
//初始化本页对应的html
jQinit("html/html.html");
?>
<?php
//PHP+jQuery超级组合实验2:会话与参数传递
$jq="";
$name="";
$age="";
if($_POST["name"] != "" && $_POST["age"] != "")
{
$name=$_POST["name"];
$age=$_POST["age"];
$_SESSION["name"] = $name;
$_SESSION["age"] = $age;
}
if($_SESSION["name"] != "" && $_SESSION["age"] != "")
{
$jq=<<<EOT
$("#user").text("您的名字:{$_SESSION['name']} 年龄:{$_SESSION['age']}");
EOT;
//调用jQuery
jQuery($jq);
}
?>
<?php
//PHP+jQuery超级组合实验1:简单测试
$info="确实不错!";
$jQuery=<<<EOT
//alert("测试成功!");
$("#test").click(function(){
alert("拉登,您好.");
});
$("#pinfo").text("今天天气不错啊!{$info}");
EOT;
//调用jQuery
jQuery($jQuery);
?>
效果图: http://teanxa.cn/notebook/html.php
我发现jQuery简直就是为PHP而生!兴奋~,这两天准备写个超级简单的记事本来测试一下这种方式的可行性,不知道效果怎么样,如果行的话html文件可是一行代码也不用添加,
嘎嘎……
