python小菜 2016-03-04 06:23 采纳率: 0%
浏览 4

在ajax调用中此概念

 function Tour(el) {
    var tour = this;
    this.el = el;
    this.fetchPhotos = function() { 
    $.ajax('/photos.html', {
       data: {location: tour.el.data('location')},
       context: tour,
       success: function(response) {
          console.log(this===tour);
          this.el.find('.photos').html(response).fadeIn();
       },
       error: function() {
         this.el.find('.photos').html('<li>There was a problem fetching  the latest photos. Please try again.</li>');
       },
       timeout: 3000,
       beforeSend: function() {
          this.el.addClass('is-fetching');
       },
       complete: function() {
          this.el.removeClass('is-fetching');
       }
    });
  }
  this.el.on('click', 'button', this.fetchPhotos);
}
$(document).ready(function() { 
  var paris = new Tour($('#paris'));
  var london = new Tour($('#london '));
});

console log output in success function = true

Above code snippet is from tutorial. I have 2 queries related to 'this' object.

  1. 'tour' & 'this' are same(as output suggests) but when i replace 'tour' with 'this' in data option of ajax call, it stops working. Why so?

  2. Why arn't we using 'tour' inside other functions - error, beforeSend.etc.

Please somebody help.

  • 写回答

1条回答 默认 最新

  • 三生石@ 2016-03-04 06:29
    关注

    It all had to do with the "context" keyword in the Ajax call. Context tells it what "this" will be when one of the Ajax callbacks, such as success, are called. In your case, you are passing 'tour' as the context, which means in your success function, 'this' is equal to 'tour'.

    评论

报告相同问题?

悬赏问题

  • ¥15 微信会员卡接入微信支付商户号收款
  • ¥15 如何获取烟草零售终端数据
  • ¥15 数学建模招标中位数问题
  • ¥15 phython路径名过长报错 不知道什么问题
  • ¥15 深度学习中模型转换该怎么实现
  • ¥15 HLs设计手写数字识别程序编译通不过
  • ¥15 Stata外部命令安装问题求帮助!
  • ¥15 从键盘随机输入A-H中的一串字符串,用七段数码管方法进行绘制。提交代码及运行截图。
  • ¥15 TYPCE母转母,插入认方向
  • ¥15 如何用python向钉钉机器人发送可以放大的图片?