首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Ajax >

一个最简略的基于PHP+jQuery的AJAX例子【转】

2014-01-03 
一个最简单的基于PHP+jQuery的AJAX例子【转】!DOCTYPE htmlhtmlheadmeta charsetutf-8 /titlea

一个最简单的基于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

热点排行