一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

jquery与 ajax 简单例子

时间:2008-07-25 编辑:简简单单 来源:一聚教程网

jquery与 ajax 简单例子

基于JQuery框架的AJAX
PS:本人这篇始发于PHPCHINA,发现被很多人转了,但却未注明出处,想了一下,还是自己转到这里来。
前几天发了个贴,分享了prototype框架关于AJAX方面的学习过程。然后有人说jquery框架更方便。

正好项目中准备使用thickbox,于是干脆抛弃prototype.js,看起jquery.js了。JQuery确实不错,体积比Prototype小了许多,而且使用起来更方便更灵活。有人说Prototype像JAVA,正统;而JQuery像Ruby,灵活,更趋于OOP。

小试了下AJAX,感觉比prototype简洁多了,在JQuery中,AJAX有三种实现方式:$.ajax(),$.post,$.get()。

XHTML(主要):
代码: 复制内容到剪贴板

输入姓名:

输入年龄:

输入性别:

输入工作:


JS:
1、引入jquery框架:
代码: 复制内容到剪贴板

2、构建AJAX,JQUERY的好处是不需要在XHTML中使用JS代码来触发事件了,可以直接封装在JS文件中:
代码: 复制内容到剪贴板

PHP代码:
代码: 复制内容到剪贴板

$arr=$_POST; //若以$.get()方式发送数据,则要改成$_GET.或者干脆_REQUEST

$myjson=json_encode($arr);

echo $myjson;

?>

热门栏目