jquery中ajax常用的方法,jquery中的ajax基本方法

jquery.ajax()操作方法让ajax实现非常简单,你可以更专注的去完成相关操作,而非去研究ajax到底怎么回事。

上面的链接中,官方给出了详细的使用方法,本文给出最简单的操作例子:

$('a#more').live('click',function($e){

$e.preventDefault();//点击链接时阻止进行网页跳转

$.ajax({//当点击时触发ajax

type: "GET",//这个跟提交表单的get,post是一个道理,当我们提交表单时往往需要注意

url: $(this).attr('href'),//提交到哪个页面

dataType: "json",//数据传输的格式,这里提交数据之后,将返回json格式的数据

data:{page:$(this).attr('role')},//提交什么数据

beforeSend : function(){},//在发送数据之前执行这里的函数

success: function($out){//如果整个交互成功,将接收到返回数据$out,当然,如果我们访问的是一个页面的话,$out将是HTML代码

$result = $out.html;//由于是JSON,我们直接获取返回的数据

$("#home").html($result);//在本页的#home中用得到的返回数据代替现在的数据

$('html,body').animate({scrollTop: 0},800);//这段是附加代码,不是ajax的内容,表示将页面滚动到顶部

},

complete: function(){},//当ajax动作执行完毕后执行该处,无论是否成功

error: function(){}//如果出错,执行这里

});

});

上面是最基本的一种方法,你可以跟着官方的一些详解,自己尝试,乌徒帮首页的翻页效果就是用ajax实现的。你可以尝试把玩。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值