如何在coldfusion中通过JQuery在表中循环和显示SQL数据答案

【问题标题】：How to loop and display SQL data in table by JQuery in coldfusion如何在coldfusion中通过JQuery在表中循环和显示SQL数据
【发布时间】：2019-11-27 14:03:28
【问题描述】：

我在这里开发了我的 Jquery 代码 我的 jquery 代码

<html>
    <head>
        <script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
    </head>
    <body>
        <script>
            $(document).ready(function(){
                $("button").click(function(){
                    $.ajax({
                        type: 'GET',
                        url: "3.cfc?method=test", 
                        success: function(data){
                            document.getElementById("demo").innerHTML = data
                        }
                    });
                });
            });
        </script>
        <div id="demo">
            <button type="button" id="texts">GET college details by jquery</button>
            <p id="urlPage"></p>
        <div>
    </body>
</html>

这里是我的coldfusion组件代码 我的 cfc 代码

<cffunction  name="test" access="remote" returnformat="JSON" returntype="query">
    <cfquery name="jsresult" datasource="student" result="result" >
        SELECT * FROM clg 
    </cfquery>
    <cfreturn jsresult>
</cffunction>

我终于得到了这个输出 我的输出

{"COLUMNS":["COLLEGENO","COLLEGENAME","DEPT"],"DATA":[[1,"nec","cse"],[2,"kamaraj","mech"],[3,"voc","arts"],[4,"srm","It"],[5,"mitrah","cse"],[6,"mitrah","cse"],[7,"candy","it"],[8,"",""],[9,"fx","eee"],[10,"svs","eee"]]}

【问题讨论】：

标签： javascript jquery coldfusion coldfusion-10 coldfusion-2016

【解决方案1】：

您的答案似乎不完整，但我想您想要的方法是用您返回的数据填充自定义 HTML 表格。

为此，您必须通过 HTML 手工迭代您的对象响应来手动创建表格。

一个例子是

var TableConstructor = "<table> <tr>";
// Assuming item is the object you want to iterate over..
item.forEach( (element) => {
  TableConstructor += `<td>{element}</td>`;
});
TableConstructor += "</tr> </table>";

然后你只需要将数据附加到你想要保存它的 HTML 元素中。

这是一个关于如何使用响应中的数据创建表的原始想法。

【讨论】：