0

我的页面上有这个搜索脚本,可以搜索显示的表格。该表使用数据库中的 PHP 显示。它实际上是一个列表,这个列表是在 A 到 Z 的超链接的帮助下按字母顺序排序的。现在我需要搜索整个数据库而不是显示的数据库。任何帮助或资源都会有所帮助。:)

$(document).ready(function() {

    $("#search").keyup(function() {

        if($(this).val() != "") {

            $("#some_table tbody>tr").hide();
            $("#some_table td:contains-ci('" + $(this).val() + "')").parent("tr").show();
        } else {
            $("#some_table tbody>tr").show();
        }
    });
});

$.extend($.expr[":"], {
    "contains-ci" : function(elem, i, match, array) {
        return (elem.textContent || elem.innerText || $(elem).text() || "").toLowerCase().indexOf((match[3] || "").toLowerCase()) >= 0;
    }
});
4

1 回答 1

0

也许将服务器的结果作为 json 对象返回。

http://your.hostname/database.json返回[{id:1,name:'joe'},{id:2,name:'bob'},...]

然后,动态创建显示的表格。

function refreshTable() {
    $.ajax({
        url:'http://your.hostname/database.json',
        dataType:'json'
    }).done(function(json) {
        $('#my_table tbody tr').remove();
        for (i in json) {
            $('#my_table tbody').append($('<tr><td>'+json[i]['id']+'</td><td>'+json[i]['name']+'</td></tr>'));
        }
    });
}

在页面最初加载时调用refreshTable,可能在某些时间间隔,或者当用户按下“刷新”按钮或其他东西时调用。

哈哈!

于 2012-04-12T18:16:22.347 回答