php - 清除搜索表单时返回原始状态

Question

我有一个页面，其中显示了一个充满 MySQL 数据的 HTML 表，其上方有一个搜索输入字段。
当我使用该搜索(keyup)时，将调用 AJAX 脚本，并且表内容会随着搜索结果而减少。到目前为止一切顺利。

仅当我清除搜索字段时，我才想再次显示原始 HTML 表格。 我认为问题在于 GET 变量的最后一个字符不能退格/删除。
示例:

.../search.php?search=word
.../search.php?search=wor
.../search.php?search=wo
.../search.php?search=w

因此，它不会返回到原始表状态，而是不断向我显示所有包含“W”的条目。

我的 search.js:

$(document).ready(function() {
    $('#spelerzoeken').keyup(function() {
        var speler = $(this).val();

        if (speler !== '') {

            $.ajax({
                url: 'includes/search.php?search=' + speler,
                success: function(returnData) {
                    if (!returnData) {
                        $('.spelers').html('<span style="margin-top: 20px; margin-bottom: 20px; margin-left: 10px; display: block; width: 200px">Geen speler(s) gevonden.</span>');
                    } else {
                        $('.spelers').html(returnData);
                    }
                }
            });
        }
    });
})

Answer 1

好吧，既然你有这一行:

 if (speler !== '') {

无法刷新到原点。 因为如果您清除所有输入(从 'w' 到 '')，则条件不会满足，因此不会刷新。