代码之家  ›  专栏  ›  技术社区  ›  anaximander

处理来自AJAX请求的空属性

  •  0
  • anaximander  · 技术社区  · 6 年前

    $(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标记等中处理这个问题,但是在成功回调中寻找一种具体的处理方法。

    1 回复  |  直到 6 年前
        1
  •  0
  •   Seva Kalashnikov    6 年前

    如果要显示空字段而不是空使用 jQuery $.trim

    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>');
    }