如何通过Ajax获得颜色代码？

Question

你好，我有一个用于检索产品列表的Ajax请求，但是该请求好像并不清楚我生成的表与颜色表已经连接了：table Product [id, name, imgs, color_id]， table color [id, name, code]。如何通过Ajax获得颜色代码？

部分代码如下：

    $('#product1').on('change', function(e) {

        var product_id = e.target.value;

        // Ajax Products Color
        if(product_id > 0) {
            $.get('/2c/ajax-compare?product_id=' + product_id, function(data) {

                $('#productProperty1').empty();
                $.each(data, function(index, prodObj) {
                    if(index == 0)
                    {
                        var square = '<a class="btn compare d-block mb-3 active-item">Compare<img class="pl-2 img-fluid" src="{{ asset('/asstes/images/bleu_active.png' ) }}" alt=""></a>';     
                        var image = '<img class="img-fluid mb-3" src="{{ asset('') }}'+prodObj.imgs+' " alt="">';
                    }

                    //var color = '<p>'+prodObj.color_id+'</p>';

//这里我想得到颜色代码“prodObj.color_id”：

                    $('#productProperty1').append(square, image);
                })
            })
        }

        else {

            $('#productProperty1').empty();
            var square = '<a class="btn compare d-block mb-3">Compare<img class="pl-2 img-fluid" src="{{ asset('/asstes/images/white_desactive.png' ) }}" alt=""></a>';
            var image = '<img class="img-fluid mb-3" src="{{ asset('/asstes/images/products/phones/default.png' ) }}" alt="">';

            $('#productProperty1').append(square, image);
        }

    });

Answer 1

不知道你这个问题是否已经解决, 如果还没有解决的话:

• 这篇博客也许可以解决你的问题👉 ：AJAX的理解，运用，代码实现、常见问题以及解决办法

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^