javascript - 使用 jQuery 打印行

标签 javascript jquery ajax

我已经编写了一段代码,并使用以下代码通过 jQuery 和 Ajax 获取值,数据很好,但我无法填充表中的行。循环不起作用。

这是我的 html 表格代码

<div class="panel-body">
        <table class="table">
            <thead>
            <tr>
                <th>#</th>
                <th>Hospital Details</th>
                <th>Requested Product</th>
                <th>Units</th>
                <th>Patient Details</th>
                <th>Interval</th>
                <th>Requester</th>
            </tr>
            </thead>
            <tbody id="result">

            </tbody>
        </table>
    </div>

这是我的ajax脚本

<script>
    $.get("./../incomingRequestList.php", function(data, status){
        var obj = jQuery.parseJSON(data);
        for($i=0; $i<obj.length; $i++){
            $response +=  "<tr><td>1</td><td></td><td></td><td></td><td></td><td></td><td></td></tr>";
        }

        $('#result').html($response);
    });
</script>

我该如何克服这个问题。我无法找出为什么它是错误的。

最佳答案

正确的做法是:

<script>
    $.get("./../incomingRequestList.php", function(data, status){
        var obj = jQuery.parseJSON(data);
        var response = '';
        for(i=0; i<obj.length; i++){
            response +=  "<tr><td>"+obj.number+"</td><td></td><td></td><td></td><td></td><td></td><td></td></tr>";
        }

        $('#result').html(response);
    });
</script>

关于javascript - 使用 jQuery 打印行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31994688/

相关文章:

javascript - 动态加载 AngularJS Controller

javascript - jquery 发现没有获取无效元素

php - 使用 AJAX 接收选项时自动从 select 中选择一个选项

ajax - Angular 预渲染延迟 html 页面加载,以便预渲染加载 Ajax

javascript - 由于某些错误,React-Native Flatlist 未呈现

javascript - 为什么在 Chrome 上 id = 'OnClick' 时以下嵌入的 "pattern"不起作用?

jquery - 使用jquery垂直对齐div

javascript - 从 svg 中删除特定颜色的矩形 - javascript

javascript - 在 WordPress 中使用 wp_editor 时,序列化仅在第二次提交时返回完整表单

javascript - jquery 延迟对象回调未触发