web-dev-qa-db-ja.com

javascriptを使用してローカルテキストファイルにデータを書き込む

ローカルマシンのテキストファイルにコンテンツを書き込むプロシージャを作成しました。

<form id="addnew">
    <input type="text" class="id">
    <input type="text" class="content">
    <input type="submit" value="Add">
</form>
<script>
    jQuery(function($) {
        $('#form_addjts').submit(function(){
            writeToFile({
                id: $(this).find('.id').val(), 
                content: $(this).find('.content').val()
            });
            return false;
        }); 
        function writeToFile(data){
            var fso = new ActiveXObject("Scripting.FileSystemObject");
            var fh = fso.OpenTextFile("D:\\data.txt", 8);
            fh.WriteLine(data.id + ',' + data.content);
            fh.Close(); 
        } 
    }); 
</script>

これは正常に機能し、新しいデータをファイルに追加できます。

しかし、渡したIDに基づいて特定の行のCONTENTを更新します。
よく検索しましたが、見つかりませんでした。

IDに基づいてファイル内の特定の行を更新するにはどうすればよいですか？

注：-私はそのようなサーバーを使用していません。ローカルマシン自体で実行するhtmlファイル（すべての機能を含む）があります。

javascriptjqueryhtmlfile-iohta
8
Madhusudhan Dollu

HTML：

<div id="addnew">
    <input type="text" id="id">
    <input type="text" id="content">
    <input type="button" value="Add" id="submit">
</div>

<div id="check">
    <input type="text" id="input">
    <input type="button" value="Search" id="search">
</div>

JS（txtファイルへの書き込み）：

function writeToFile(d1, d2){
    var fso = new ActiveXObject("Scripting.FileSystemObject");
    var fh = fso.OpenTextFile("data.txt", 8, false, 0);
    fh.WriteLine(d1 + ',' + d2);
    fh.Close();
}
var submit = document.getElementById("submit");
submit.onclick = function () {
    var id      = document.getElementById("id").value;
    var content = document.getElementById("content").value;
    writeToFile(id, content);
}

特定の行をチェックする：

function readFile(){
    var fso = new ActiveXObject("Scripting.FileSystemObject");
    var fh = fso.OpenTextFile("data.txt", 1, false, 0);
    var lines = "";
    while (!fh.AtEndOfStream) {
        lines += fh.ReadLine() + "\r";
    }
    fh.Close();
    return lines;
}
var search = document.getElementById("search");
search.onclick = function () {
    var input   = document.getElementById("input").value;
    if (input != "") {
        var text    = readFile();
        var lines   = text.split("\r");
        lines.pop();
        var result;
        for (var i = 0; i < lines.length; i++) {
            if (lines[i].match(new RegExp(input))) {
                result = "Found: " + lines[i].split(",")[1];
            }
        }
        if (result) { alert(result); }
        else { alert(input + " not found!"); }
    }
}

これらを.htaファイルに入れて実行します。 W7、IE11でテスト済み。動いています。また、何が起こっているのか説明してほしい場合は、そう言ってください。

10
akinuri