如何在 coldfusion 中通过 JQuery 循环显示 table 中的 SQL 数据

Question

这里我开发了我的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"]]}

Answer 1

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

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

一个例子是

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元素。

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

如何在 coldfusion 中通过 JQuery 循环显示 table 中的 SQL 数据

How to loop and display SQL data in table by JQuery in coldfusion

javascript

coldfusion

jquery

coldfusion-10

coldfusion-2016