AJAX成功内部的$(这个)不起作用

Question

AJAX成功内部的$(这个)不起作用我正在尝试更改一些使用onClick的旧代码，这样我就可以使用$(This)。问题是，在成功的内部，$(这个)是不起作用的。在不将其设置为var的情况下，是否存在这样的操作。$('.addToCart').click(function() {     $.ajax({         url: 'cart/update',         type: 'post',         data: 'product_id=' + $(this).attr("data-id"),         dataType: 'json',         success: function(json) {             if (json['success']) {             $(this).addClass("test");             }            }     });});

Answer 1

问题

在回调内部，this指的是jqXHR对象，而不是事件处理程序绑定到的元素。了解更多关于如何this在JavaScript中工作.

---

解

如果ES 2015+对您可用，则使用箭头函数可能是最简单的选择：

$.ajax({
    //...
    success: (json) => {
         // `this` refers to whatever `this` refers to outside the function
    }});

您可以设置context期权:

这个对象将成为所有与Ajax相关的回调的上下文。默认情况下，上下文是一个对象，它表示调用中使用的Ajax设置($.ajaxSettings与传递给$.ajax). (...)

$.ajax({
    //...
    context: this,
    success: function(json) {
         // `this` refers to the value of `context`
    }});

或使用$.proxy:

$.ajax({
    //...
    success: $.proxy(function(json) {
         // `this` refers to the second argument of `$.proxy`
    }, this)});

的值的引用。this在回调之外：

var element = this;$.ajax({
    //...
    success: function(json) {
         // `this` refers to the jQXHR object
         // use `element` to refer to the DOM element
         // or `$(element)` to refer to the jQuery object
    }});

---

相关

• 如何在回调中访问正确的“this”？

Answer 2

jQuery(".custom-filter-options .sbHolder ul li a").each(function () {
    var myStr = jQuery(this).text();
    var myArr = myStr.split(" (");
     url = 'your url'; // New Code
            data = myArr[0];
                try {
                    jQuery.ajax({
                        url : url,
                        context: this,
                        type : 'post',
                        data : data,
                        success : function(data) {
            if(data){
                  jQuery(this).html(data);
            }else{
                  jQuery(this).html(myArr[0]);
            }
                        }
                    });
                } catch (e) {
                } });