Question

发送带有HTML表单数据的AJAX请求，该请求将返回带有对象的JSON数组。有时某些对象属性的值为null，将null打印在页面上，在将其打印在页面上之前，是否有一种很好的方法直接在成功回调中对其进行处理？

$(document).ready(function () {
        $("#ajaxCall").click(function () {

            let carBrand = $('#carBrand').val();
            let carModel = $('#carModel').val();

            $.ajax({
                url: '/API/AjaxCall',
                type: 'POST',
                dataType: 'json',
                data: {
                    carBrand: carBrand,
                    carModel: carModel
                },
                success: function (data) {
                    console.log(data);
                    for (let i = 0; i < data.length; i++) {
                        let el = $('#print');
                        el.append('<tr><td>' + data[i].carBrand + '</td><td>' + data[i].carModel+ '</td></tr>');
                    }
                },
                error: function (error) {
                    console.log(error);
                }
            });
        });
    });

我知道在HTML标记等中有处理此问题的框架，但是正在寻找一种在成功回调中专门处理它的方法。

Answer 1

如果您想显示一个空字段而不是null，请使用jQuery $.trim（意外地将null和undefined转换为空字符串）：

let el = $('#print');
for (let i = 0; i < data.length; i++) {
    el.append('<tr><td>' + $.trim(data[i].carBrand) + '</td><td>' + $.trim(data[i].carModel) + '</td></tr>');
}

处理AJAX请求中为空的属性

1 个答案: