javascript - 使用 AJAX 的 HTML/Javascript 搜索功能

Question

我创建了一个网页，希望用户能够在其中搜索存储在 CSV 文件中的单词/术语，如果找到该术语，则将返回该行条目的完整行并将其显示给用户(最好是表格格式，否则文本区域也可以)。

但是我需要使用 AJAX 来完成此操作，而且我也无法使用 PHP(不幸的是，否则我不会问这个问题)。

到目前为止，我有一个表单/输入/按钮的表格，而且我也有读取文件的代码，但我有点坚持将两者结合在一起。我知道这应该是一件很容易做到的事情，但我花了很多时间浏览教程和在线问题，但一直找不到类似的东西。

如果有人知道涵盖此内容的任何教程，或者可以帮助解决下面的代码，我们将不胜感激。

  <table>        
     <tr><td>Enter Search Term:
     <input type="text" name="searchword" />
     <input type="button" name="searchbutton" value="Search" onclick="contentDisp();">
     </td></tr>
     <tr><td><textarea id="contentArea" rows="40" cols="60"></textarea></td></tr>
    </table>  //currently using text area but ideally this would be displayed in a table

    <script type="text/javascript">
    function contentDisp()
        {
            $.ajax({
                url : "file.csv",
                success : function (data) {
                    $("#contentArea").html(data); // I THINK SOMETHING NEEDS TO GO IN HERE, WHICH WILL GRAB THE SEARCH TERM ABOVE AND THEN ONLY DISPLAY FILE CONTENTS USING THAT TERM, POSSIBLY 'CONTAIN' */
                }
            });
        }  
    </script>

Answer 1

可以通过 JavaScript 使用一些 strpos 和 indexOf 函数严格执行此操作(indexOf 是起点，而另一个函数将查找字符串分隔符)。

如果您觉得舒服，也可以使用 php 来完成该任务，如果您受到域来源限制，请查看 JSONP，它代表 JSON with Padding - 这基本上意味着您'需要将结果包装在 JavaScript 函数中。

祝你好运。