jquery - Coldfusion 和 Jquery 结果表格式

Question

我正在使用 Coldfusion 9 和 Sql Server 2008 r2。我正在尝试使用显示结果的实时搜索。

原帖为:http://www.raymondcamden.com/index.cfm/2011/2/1/Using-jQuery-to-search-against-different-types-of-content

我想添加一个表格，这样我就可以对其进行格式化。任何帮助都会很棒。

这是Search.cfm

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>  
<script>
$(document).ready(function() {

//http://stackoverflow.com/questions/217957/how-to-print-debug-messages-in-the-google-chrome-javascript-console/2757552#2757552
if (!window.console) console = {};
console.log = console.log || function(){};
console.dir = console.dir || function(){};


//listen for keyup on the field
$("#searchField").keyup(function() {
    //get and trim the value
    var field = $(this).val();
    field = $.trim(field)

    //if blank, nuke results and leave early
    if(field == "") {
        $("#results").html("");
        return;
    }

    console.log("searching for "+field);
    $.getJSON("test.cfc?returnformat=json&method=search", {"search":field}, function(res,code) {
        var s = "";
        s += "<h2>Results</h2>";
        for(var i=0; i<res.fd_table.length; i++) {
            s += "<p><b>uid:"+res.fd_table[i].fd_uid+"</b><br/>Device: "+res.fd_table[i].fd_dev + "<br/>";

        }

        $("#results").html(s);
    });
});
 })

<form>
Search: <input type="text" name="search" id="searchField">
</form>

<div id="results"></div>

演示来自原帖http://www.coldfusionjedi.com/demos/feb12011/test.cfm

这就是我想要达到的最终结果。

Answer 1

您可能想了解如何使用 JQuery 动态构建表。您提出这个问题的方式听起来很像“请完成我的作业”，而不是在合法项目上寻求帮助。

如果您查看代码中的 $.getJSON() 函数，了解变量 s 的使用方式，将为您提供有关如何完成此操作的可靠线索。表格由 X 个 tr 标签组成，行中有 X 个 td 单元格包含数据。从那里开始，只需循环遍历 tr 标记的查询结果行和 td 标记的每一列即可。

不会为您编写代码，但我已经为您提供了足够的信息来搜索 JQuery 文档，为您指明正确的方向。