“这个”是什么意思？代表ajax函数内部

发布于 2024-11-26 03:22:36 字数 337 浏览 2 评论 0原文

我一直在尝试在 ajax 函数中使用它来引用事件目标。但似乎不是我的想法。

例如：

$('#test').live('click',function(){
     $.ajax({
         type:'post',
         url:
         data:...,
         success:function(mes){
             $(this).append('mes');
         }
     });
});

所以这里 $(this) 并不引用 ('#test') 选择器。它指的是什么？感谢您的任何解释。

原文

I have been trying to use this inside an ajax function to refer the event target . but it seems that is not the way I think.

for example:

$('#test').live('click',function(){
     $.ajax({
         type:'post',
         url:
         data:...,
         success:function(mes){
             $(this).append('mes');
         }
     });
});

so here $(this) does not refer to the ('#test') selector. what does it refer to??
thanks for any explanation.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

记忆で 2024-12-03 03:22:36

在成功回调中，this 引用由 jQuery 创建的全局对象，其中包含有关 AJAX 请求的信息。如果您想获取原始 DOM 元素，您可以在闭包中捕获它：

$('#test').live('click',function() {
    var $this = $(this);
    $.ajax({
        type: 'post',
        url: '/'
        data: { },
        success: function(mes) {
            $this.append('mes');
        }
    });
});

或者如果您不喜欢闭包，您可以将其作为请求的键/值对传递：

$('#test').live('click',function() {
    $.ajax({
        type: 'post',
        url: '/'
        data: { },
        myElement: $(this),
        success: function(mes) {
            this.myElement.append('mes');
        }
    });
});

这在 的情况下可能很有用success 回调不是匿名函数。

Inside the success callback this refers to a global object created by jQuery containing information about the AJAX rerquest. If you want to get the original DOM element you could capture it in a closure:

$('#test').live('click',function() {
    var $this = $(this);
    $.ajax({
        type: 'post',
        url: '/'
        data: { },
        success: function(mes) {
            $this.append('mes');
        }
    });
});

or if you don't like closures you could pass it as a key/value pair of the request:

$('#test').live('click',function() {
    $.ajax({
        type: 'post',
        url: '/'
        data: { },
        myElement: $(this),
        success: function(mes) {
            this.myElement.append('mes');
        }
    });
});

This could be useful in scenarios where the success callback is not an anonymous function.

回复收藏 0 原文

流年里的时光 2024-12-03 03:22:36

默认情况下，this 将是 AJAX 调用中使用的扩展设置对象。来自文档：

默认情况下，上下文是一个代表ajax设置的对象
在调用中使用（$.ajaxSettings 与传递给的设置合并
$.ajax）。

您可以使用 context 设置来指定 this 将在回调中引用的对象：

$("#test").live("click", function() {
    $.ajax({
        type: "post",
        context: this,
        success: function(mes) {
            // Here, this will refer to #test.
            $(this).append('mes');
        }
    });
});

By default, this will be the extended settings object used in the AJAX call. From the documentation:

By default, the context is an object that represents the ajax settings
used in the call ($.ajaxSettings merged with the settings passed to
$.ajax).

You can use the context setting to specify the object this will refer to in callbacks:

$("#test").live("click", function() {
    $.ajax({
        type: "post",
        context: this,
        success: function(mes) {
            // Here, this will refer to #test.
            $(this).append('mes');
        }
    });
});

回复收藏 0 原文