Javascript 将列表值调用到SharePoint页面上的表中

我正在尝试将列表中的值调用到不同SharePoint页面上表中的单元格中。这个表是用html组成的，我想这就是我在连接点时遇到的问题。特定单元格的代码为：

 <td style="background-color:Black; color:White; text-align:center; font-weight:bold; border- 
style:inset">Days</td>

天

列表中的值（CurrentTimeFrame）是“days”列中的数值，我需要在单元格中的“Business days”之前显示该列。我有大约17个细胞，我需要设置，但如果我能找到一个，我可以在其余的工作。我基本上是一个html/js的完全新手，但我在CPP方面接受过一些培训，所以说我在挣扎是委婉的

我想这将是一个代码片段，我可以为该单元格插入：

 <td style="background-color:Black; color:White; text-align:center; font-weight:bold; border- 
style:inset"><div id="shippingDays"></div>&nbspDays</td>     

 Days

显然这不起作用。但我真的不知道/理解为什么。我还查阅了RESTAPI，因为我知道这可能是我的最佳选择，但我只是没有掌握它（如何使它全部工作）

SharePoint 2013， 列表名称：CurrentTimeFrame， 第0行名称/标题列：列中的第一个值是Domestichipping， 列名：天（c3t9的内部名称）

提前感谢您的帮助

编辑以添加：

这是我准备的桌子。忽略我糟糕的心灵感应技能。出于隐私原因，我需要删除字段。但是列表值需要在每个黑色单元格“工作日”之前插入。这不是一张表格，它不是一行一行地列出所有东西

涉及三个不同的SharePoint页面。1） SP列表，2）具有文本条目以更新列表中的数值的SP页面，3）包含HTML表格的SP页面，该表格将列表值插入到各个单元格中

我尝试使用以下代码：

<script src="https://code.jquery.com/jquery-1.12.4.min.js" 
type="text/javascript"></script>
<script type="text/javascript">
$(function(){
    var listName="CurrentTimeFrame";
    getListItems(listName); 
}); 
function getListItems(listName){
    var url =  _spPageContextInfo.webAbsoluteUrl + 
"/_api/web/lists/getByTitle('"+listName+"')/items?$orderby=c3t9";
    $.ajax({
        url: url,
        type: "GET",
        headers: {
            "Accept": "application/json;odata=verbose",
        },
        success: function (data) {
            $.each(data.d.results,function(i,item){
                var trHtml='<tr align="middle"><td 
align="left">'+item.title+'</td>';                    
                trHtml+='<td style="background-color:Black; color:White; text- 
align:center; font-weight:bold; border- 
style:inset">'+item.c3t9+'&nbspDays</td></tr>';            
                $("#myHTMLTable>tbody").append(trHtml);
            });
        },
        error: function (error) {
            console.log(JSON.stringify(error));  
        }
    });

$（函数（）{
var listName=“CurrentTimeFrame”；
getListItems（listName）；
}); 
函数getListItems（listName）{
var url=_spPageContextInfo.webAbsoluteUrl+
“/_api/web/lists/getByTitle（“+listName+”）/items？$orderby=c3t9”；
$.ajax({
url:url，
键入：“获取”，
标题：{
“接受”：“application/json；odata=verbose”，
},
成功：功能（数据）{
$每个（数据、结果、功能（i、项目）{
var trHtml=''+item.title+''；
trHtml+=''+item.c3t9+' Days'；
$（“#myHTMLTable>tbody”）.append（trHtml）；
});
},
错误：函数（错误）{
log（JSON.stringify（error））；
}
});

但它在SharePoint页面上显示为：

这是SP列表（请注意，“天”的内部列名为“c3t9”）：

最后，表的html代码（不是整个表，但其余单元格的格式都相同）：

当前时间
帧

*辅助标头消息*
航运
扫描
国内的
营业日
总体上
营业日

将代码添加到网站页面中的脚本编辑器web部件中以实现它

<script src="https://code.jquery.com/jquery-1.12.4.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
    var listName="CurrentTimeFrame";
    getListItems(listName); 
}); 
function getListItems(listName){
    var url =  _spPageContextInfo.webAbsoluteUrl + "/_api/web/lists/getByTitle('"+listName+"')/items?$orderby=shipping asc";
    $.ajax({
        url: url,
        type: "GET",
        headers: {
            "Accept": "application/json;odata=verbose",
        },
        success: function (data) {
            $.each(data.d.results,function(i,item){
                var trHtml='<tr align="middle"><td align="left">'+item.shipping+'</td>';                    
                trHtml+='<td style="background-color:Black; color:White; text-align:center; font-weight:bold; border-style:inset">'+item.days+'&nbspDays</td></tr>';            
                $("#myHTMLTable>tbody").append(trHtml);
            });
        },
        error: function (error) {
            console.log(JSON.stringify(error));  
        }
    });
}
</script>
<table id="myHTMLTable" border='1' cellpadding='1' cellspacing='1'>
<thead><tr><th>Shipping</th><th>Days</th></tr></thead>
<tbody/>
</table>

$（函数（）{
var listName=“CurrentTimeFrame”；
getListItems（listName）；
}); 
函数getListItems（listName）{
var url=_spPageContextInfo.webAbsoluteUrl+“/_api/web/lists/getByTitle（“+listName+”）/items？$orderby=shipping asc”；
$.ajax({
url:url，
键入：“获取”，
标题：{
“接受”：“application/json；odata=verbose”，
},
成功：功能（数据）{
$每个（数据、结果、功能（i、项目）{
var trHtml=''+项目.配送+''；
trHtml+=''+项目.天数+' Days'；
$（“#myHTMLTable>tbody”）.append（trHtml）；
});
},
错误：函数（错误）{
log（JSON.stringify（error））；
}
});
}
装运天数

---

非常感谢！我确实尝试添加了此内容，但无法使其正常工作。我想知道这是否是因为我在另一个SharePoint页面上设置表格的方式。我编辑了原始问题，以显示表格设置方式的图片。基本上，在这一点上我迷失了方向。我修改了一点，然后修改了更多代码，然后我想我弄错了我建议你检查一下列的内部名称，并提供html表代码以供进一步研究。我更新了“编辑以添加”部分下的信息“days”的内部列名是“c3t9”。我尝试过处理代码以显示标题列名，但仍然没有成功。但我还需要找出如何将其放入另一个SP页面的html表中。

<script src="https://code.jquery.com/jquery-1.12.4.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
    var listName="CurrentTimeFrame";
    getListItems(listName); 
}); 
function getListItems(listName){
    var url =  _spPageContextInfo.webAbsoluteUrl + "/_api/web/lists/getByTitle('"+listName+"')/items?$orderby=shipping asc";
    $.ajax({
        url: url,
        type: "GET",
        headers: {
            "Accept": "application/json;odata=verbose",
        },
        success: function (data) {
            $.each(data.d.results,function(i,item){
                var trHtml='<tr align="middle"><td align="left">'+item.shipping+'</td>';                    
                trHtml+='<td style="background-color:Black; color:White; text-align:center; font-weight:bold; border-style:inset">'+item.days+'&nbspDays</td></tr>';            
                $("#myHTMLTable>tbody").append(trHtml);
            });
        },
        error: function (error) {
            console.log(JSON.stringify(error));  
        }
    });
}
</script>
<table id="myHTMLTable" border='1' cellpadding='1' cellspacing='1'>
<thead><tr><th>Shipping</th><th>Days</th></tr></thead>
<tbody/>
</table>