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

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



茅侃侃
浏览 139回答 1
1回答

FFIVE

您的答案似乎不完整,但我想您想要的方法是用您返回的数据填充自定义 HTML 表。为此,您必须通过迭代对象响应的 HTML 手工创建表。一个例子是var TableConstructor = "<table> <tr>";// Assuming item is the object you want to iterate over..item.forEach( (element) => {&nbsp; TableConstructor += `<td>{element}</td>`;});TableConstructor += "</tr> </table>";然后,您只需要将数据附加到要保存它的 HTML 元素。这是一个关于如何使用响应中的数据创建表的原始想法。
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript