javascript - 即使json响应成功，Ajax完成功能也不设置background-image

Question

我正在 WordPress 中开发一个主题，尽管获得了成功的 Ajax 响应，但我无法设置背景图像。

我请求的图像网址已在 json 响应中成功给出，但我无法将图像设置为背景图像。

我正在使用以下ajax函数:

function Pat_Req(pat_val){
    $.ajax({
            type: 'POST',
            dataType: 'json',
            url: BAC_PAT_OBN.ajaxurl,
            data: {
                'action' : 'BAC_PAT_Ajax',
                'nonce' : BAC_PAT_OBN.nonce,
                'rpat' : parseInt(pat_val)
            },
            complete: function( object ) {
                $('#pat_bac').css('background-image',object.responseJSON.response_pat)
            }
        });
    }

“pat_val”是我从数字类型的输入中获取的整数。 我测试了“pat_val”是否实际上存储了输入中的整数，并且它确实存储了一个整数。

当输入值更改为 5 时，“pat_val”存储 5。

每次输入值发生变化时都会触发 Pat_Req 函数。以下 jquery 代码正在执行此操作:

$('#The_pats input').on('change',function(){
    Pat_Req($(this).val())
})

“BAC_PAT_OBN”是我正在使用的JavaScript对象。

“object.responseJSON.res_pat”也给了我一个有效的图像网址。唯一的问题是Pat_Req完整功能没有设置背景。

感谢您的宝贵时间和答复， MMK。

Answer 1

如果您显示 Ajax 响应，那么回答会更容易。我的猜测是你没有返回图像路径周围的 url() 。

$('#pat_bac').css('background-image', "url(" + object.responseJSON.response_pat + ")");