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ページが最初にロードされたとき、特定の間隔で、またはユーザーが「更新」ボタンなどを押したときに呼び出します。

GL HF！

于 2012-04-12T18:16:22.347 に答える