基于jquery ajax 用户无刷新登录详解介绍

时间：2022-11-14 22:03:31 编辑：袖梨来源：一聚教程网

YPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w***3.org/TR/REC-html40/loose.dtd">

Ajax框架就是提供模块化实现Ajax功能的集合，Ajax框架可以是各种语言实现的（比如SAJAX有各种语言的实现），Ajax只是jquery中的一部分,

实例1

代码如下

复制代码

$.ajax({
type:'post',//可选get
url:'action.php',//这里是接收数据的PHP程序
data:'data='dsa',//传给PHP的数据，多个参数用&连接
dataType:'text',//服务器返回的数据类型可选XML ,Json jsonp script html text等
success:function(msg){
//这里是ajax提交成功后，PHP程序返回的数据处理函数。msg是返回的数据，数据类型在dataType参数里定义！
},
error:function(){
ajax提交失败的处理函数！
}
})

PHP action.php

代码如下	复制代码
echo 'www.111com.net!'; ?>

下面看个jquery ajax用户无刷新登录实例

实例2

代码如下	复制代码
jQuery Ajax 实例演示输入姓名: 输入密码:

php代码

代码如下	复制代码
echo json_encode(array ('username'=>$_REQUEST['username'],'password'=>$_REQUEST['password'])); ?>

使用jquery ajax优点与持缺点分析

优点
小，压缩后代码只有20多k（无压缩代码94k）。
Selector和DOM操作的方便：jQuery的Selector与mootools的Element.Selectors.js比较，CSS Selector, XPath Selector（1.2后已删除）
Chaining：总是返回一个jQuery对象，可以连续操作。
文档的完整，易用性（每个API都有完整的例子，这是其它框架现在不能比的），而且网上还有很多其它的文档，书籍。
应用的广泛，包括google code也使用了jQuery。

使用jQuery的站点：http://docs.*jq*ue*ry.com/Sites_Using_jQuery
核心的开发团队和核心人员：John Resig等。
简洁和简短的语法，容易记。
可扩展性：有大量用户开发的插件可供使用（http://*jque*ry.c*om/plugins/）
jQuery UI（http://jq*ue*ry.*com/plugins/，基于jQuery，但和核心的jQuery是独立的），不断发展中。
友好和活跃的社区：google groups:http://docs.jq*uer**y.com/Discussion
事件处理有很多方便的方法，如click，而不是单一的addEvent之类的。

缺点
由于设计思想是追求高效和简洁，没有面向对象的扩展。设计思路和Mootools不一样。
CSS Selector的速度稍微有些慢（但是现在速度已经大幅提高）

推荐专题

最新下载

热门教程

基于jquery ajax 用户无刷新登录详解介绍

相关文章

热门栏目

php教程

asp.net教程

手机开发

css教程

网页制作

办公数码

jsp教程