1

ユーザーがCSVファイルに保存されている単語/用語を検索できるようにするWebページを作成しました。その用語が見つかった場合、その行エントリの全行が返され、ユーザーに表示されます（理想的にはテーブル形式。それ以外の場合は、textareaで十分です）。

しかし、私は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>
4

4 に答える 4

0

いくつかのstrpos関数とindexOf関数を使用してJavaScriptを介してこれを厳密に行うことができます（indexOfが開始点であり、もう1つは文字列区切り文字を検索します）。

phpを使用してタスクを実行することもできます。ドメインオリジンの制限によって制限されている場合は、JSON with Paddingの略であるJSONPを確認してください。これは、基本的に、次のことを行う必要があることを意味します。結果をJavaScript関数でラップします。

幸運を。

于 2012-06-05T12:45:52.140 に答える
0

文字列を検索し、CSVデータで見つかった行を解析するには、正規表現を使用します。

http://www.w3schools.com/jsref/jsref_obj_regexp.asp

于 2012-06-05T12:47:13.483 に答える
0

HTML

<input type="text" id="text" />
<input type="submit" id="btnsubmit" />

脚本

$(function(){
$('#btnsubmit').on('click', function(){
    var csv = $.ajax('text.csv');
    csv.done(function(data){
        var str = data.split(',');
        var value = $('#text').val();
        $.each(str, function(index, item){
            if(item.match(value)){
                console.log(item) //Output
            };
        })
    })  
})
});

CSV

Presidency ,President ,Wikipedia Entry,Took office ,Left office ,Party ,Portrait,Thumbnail,Home State
于 2012-06-05T13:13:34.397 に答える
0

javascript には文字列を照合するための組み込み関数が既にあるのに、なぜ strpos と indexOf を使用するのでしょうか?

http://jsfiddle.net/AWZg8/

于 2012-06-05T13:18:02.797 に答える