从 jquery ajax 成功数据中获取 css this 和 value 选择器

Posted 2023-03-06

【中文标题】从 jquery ajax 成功数据中获取 css this 和 value 选择器

【英文标题】：get css this and value selector from jquery ajax success data

【发布时间】：2021-12-28 18:46:38

【问题描述】：

如何从内部 ajax 成功设置访问所需的选择器类？

示例： 具有类“formdataaj”的内部表单位于一个具有类“img_ajx”的div， 我想通过 ajax 响应写文本。

我的问题是我无法通过 $(this) 访问选择器。如果我把固定类 $('.formdataaj .img_ajx').text(jsondata.image);工作没有问题，但显然只在一流的“formdataaj”中。

谢谢

我的代码：

$('.formdataaj').each(function()
        $(this).on('submit',function(e)
        e.preventDefault();
        var form_data = new FormData(this);
        //console.log(...form_data);
        $.ajax(
            type: 'post',
            url: 'php/extra_update.php',
            data: form_data,
            processData:false,
            contentType:false,
            cache: false,
            success: function(data)
            
                var jsondata = $.parseJSON(data);
                console.log(jsondata);
                $(this).find(".img_ajx").text(jsondata.image);
            
        )
        
    )
    )

【参考方案1】：

// you need to asign [this keyword] to variable out of success scope 
$('.formdataaj').each(function()
   var $this = $(this);
        $(this).on('submit',function(e)
        e.preventDefault();
        var form_data = new FormData(this);
        //console.log(...form_data);
        $.ajax(
            type: 'post',
            url: 'php/extra_update.php',
            data: form_data,
            processData:false,
            contentType:false,
            cache: false,
            success: function(data)
            
                var jsondata = $.parseJSON(data);
                console.log(jsondata);
                $this.find(".img_ajx").text(jsondata.image);
            
        )
        
    )
    )