一个最简单的基于PHP+jQuery的AJAX例子【转】
<!DOCTYPE html><html><head><meta charset="utf-8" /><title>ajax test</title><script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script><script type="text/javascript">jQuery(function($){ $('button').click(function(){ $name = $(this).attr('name'); $('#out').empty().load('test1.php',{ name : $name }); });});</script><style type="text/css"></style></head><body><button id="btn-1" name="1">1</button><button id="btn-2" name="2">2</button><button id="btn-3" name="3">3</button><div id="out"></div></body></html>
?有一点html基础的童鞋可以看出,这里做了三个按钮,一个id为out的div,三个按钮是用来点击的,#out的div用来接收数据,每次点击button时先把#out清空,然后插入信息。
然后来写php:
<?php switch($_POST['name']){ case 1: echo '1 哈哈'; break; case 2: echo '2 呵呵'; break; case 3: echo '3 活活'; break;}?>
?
这段代码使用了php的switch语句,意思就说根据post中name的值来替换输出的内容,这里只是个简单的例子,你也可以通过这个原理让php进行更复杂的运算或输出更复杂的内容。
js我直接写在html里面了,没有单独用一个文件,用纯js写估计得写不少,用jQuery就2句搞定,其实一句都行,只是我这儿还是写成两句比较好理解一点。
第一句是吧button按钮中的name值存在一个变量里面,第二句是使用了jQuery的load函数,告诉php需要哪些信息,然后取回这些信息插入到#out中。
这个ajax就这么完成了,简单吗?
?
转自:本文地址:http://interjc.net/archives/2010/04/25/php-ajax.html