Chinaunix首页 | 论坛 | 博客
  • 博客访问: 190938
  • 博文数量: 99
  • 博客积分: 0
  • 博客等级: 民兵
  • 技术积分: 1045
  • 用 户 组: 普通用户
  • 注册时间: 2014-07-15 14:24
文章分类
文章存档

2015年(9)

2014年(90)

我的朋友

分类: Html/Css

2014-07-29 15:11:22

  简介:

  将A标签的请求通过ajax代替,支持回调函数,默认请求成功通过alert提示

  用法:

  $(element).href2ajax(fn);

  参数:

  element:A标签对象;

  fn:回调函数,接收data数据如function(data){……}



点击(此处)折叠或打开

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  5. <script src="/js/jquery-1.6.2.min.js"></script>
  6. <script>
  7. jQuery.fn.extend({
  8.     href2ajax: function (fn){
  9.         $(this).click(function(){
  10.             $.ajax({
  11.                 url: this.href,
  12.                 error: function(XMLHttpRequest, textStatus, errorThrown){
  13.                     alert(XMLHttpRequest.responseText);
  14.                 },
  15.                 success: function(data){
  16.                     try{
  17.                         fn.call(this,data);
  18.                     }catch(exception){
  19.                         alert(data);
  20.                     }
  21.                 }
  22.             });
  23.             return false;
  24.         });
  25.     }
  26. });
  27. </script>
  28. </head>
  29. <body>
  30. <a href="/js/abc?id=1">删除</a>
  31. <script>
  32. $('a').href2ajax();
  33. </script>
  34. </body>
  35. </html>

阅读(2239) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~