javascript - 类似的文件名 ajax

Question

我创建了一个文本输入字段，用于检查服务器上的文件名。但如果你想这样做，你必须准确地写出文件名。因此，我需要一个解决方案，即使输入文本不完全相同，也能显示文件。

HTML:

<form method="GET">
    <img src="search.png" height="28" alt="search" title="" />
    <input name="search-item" type="text" placeholder="Suchen..." autocomplete="off" />
</form>
<div id="search_suggest">
</div>

jQuery/ajax:

$('input[name=search-item]').on('change keyup paste', function() {
    if($('input[name=search-item]').val() === ""){
        $('#search_suggest').hide();
    }
    var input_movie = 'video/' + $('input[name=search-item]').val() + '.avi';
    var input_thumbnail = 'video/Thumbnail/' + $('input[name=search-item]').val() + '.png';
    $.ajax({
        url: input_movie,
        type: 'GET',
        success: function() {
            $('#search_suggest').show();
            $('#search_suggest').html('<a href="' + input_movie + '"><div class="searchedFile"><img src="' + input_thumbnail + '" height="35" /><span>DeadFighters</span></div></a>');
        },
        error: function() {
            $('#search_suggest').hide();
        }
    });
});

顺便说一句，当然欢迎对我的脚本进行任何改进。

Answer 1

也许您可以使用 Jquery UI Autocomplete 。

您将需要一个可用文件名列表，因此可以先设置一个 ajax 调用来执行此操作。

然后，当用户在搜索字段中输入内容时，它将显示与您使用第一个 Ajax 调用构建的列表相匹配的类似结果。

当用户选择建议结果时，您将获得准确的文件名，以便将文件名直接传递给您现在已有的 ajax 调用。

@Kaiido 似乎只是用不同的库回答了类似的解决方案。