jquery ajax登陆

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

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

php代码

function logincheck.php
    if(!$_POST['username'])
        json_encode(array('status'=>201,msg=>'用户名不能为空'));
        
        ......

使用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.jquery.com/Sites_Using_jQuery 
核心的开发团队和核心人员:John Resig等。 
简洁和简短的语法,容易记。 
可扩展性:有大量用户开发的插件可供使用(http://jquery.com/plugins/) 
jQuery UI(http://jquery.com/plugins/,基于jQuery,但和核心的jQuery是独立的),不断发展中。 
友好和活跃的社区:google groups:http://docs.jquery.com/Discussion 
事件处理有很多方便的方法,如click,而不是单一的addEvent之类的。 

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

喜欢(0)

评论 抢沙发

表情