即使值确实存在,Jquery也不会附加值

时间:2014-07-02 10:34:53

标签: javascript jquery json

我正在尝试使用以下

添加到jquery的现有表结构中
        function GetViewData(data) {
            $.ajax({
                type: "GET",
                url: "/Services/Configuration/ViewServices.asmx/GetIncidentViewData",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: OnViewDataLoaded,
                error: OnViewDataNodeLoadFailed
            });
        }

        function OnViewDataLoaded(data, status) {
            $('#viewpane-table > tbody').empty();
            var members = data.d;
            var loadedFirst = false;

            var tablevalues = '';
            $.each(data.d.Columns, function (index, value) {
                tablevalues += FormatValues(value.ColumnValue);
            });


            $('#viewpane-table  > tbody').append(tablevalues);





        }

但由于某些原因,它没有显示我的html表格布局下面的数据是一个基本的,我希望有人可以帮助我疯了30分钟。他们没有错误,数据正在返回我在想它与我将数据附加到表上的方式有关吗?

<td><b>test</b></td><td><b>test</b></td><td><b>test</b></td><td><b>test</b></td><td><b>test</b></td><td><b>test</b></td><td><b>test</b></td><td><b>test</b></td><td><b>test</b></td><td><b>test</b></td><td><b>test</b></td><td><b>test</b></td><td><b>test</b></td>

该表只是简单的html标记

<table id="viewpane-table" style="width:100%">
<thead></thead>
<tbody></tbody>
</table>

函数FormatValuesValues是

function FormatValues(value) {
    return '<td><b>' + value + '</b></td>';
}

1 个答案:

答案 0 :(得分:3)

您应该创建一行。现在,您尝试将td直接附加到tbody,这会导致无效的HTML格式错误。像这样更改代码

function OnViewDataLoaded(data, status) {
    $('#viewpane-table > tbody').empty();
    var members = data.d;
    var loadedFirst = false;

    var tablevalues = '<tr>';
    $.each(data.d.Columns, function (index, value) {
        tablevalues += FormatValues(value.ColumnValue);
    });

    tablevalues += '</tr>';
    $('#viewpane-table  > tbody').append(tablevalues);

}