Home  >  Q&A  >  body text

javascript - 表单数据存成外部json文件

form表单中有两个input

html<input type="text" />  
<input type="text" />

我想把这两个用户输入的数据存入到一个外部json文件(info.json),怎么操作呢?


这样吧,需求改成下面:

htmlvar json1 = {"name":"nikita"};

我只需要把这句代码({"name":"nikita"})用JavaScript存到info.json中.如何操作呢?

PHP中文网PHP中文网2748 days ago515

reply all(2)I'll reply

  • 高洛峰

    高洛峰2017-04-10 15:02:43

    1)取出用户输入的数据
    2)保存到js对象中
    3)使用HTML5 localStage
    var textValue0=....
    var willStoreOBJ={
    textValue:textValue0
    }
    localStage["info"]=willStoreOBJ

    reply
    0
  • PHP中文网

    PHP中文网2017-04-10 15:02:43

    不保证兼容性

    export_raw("info.json", JSON.stringify(
        [].map.call( document.querySelectorAll("form input"), function( input ) {
            return input.value;
        })
    ));
    
    function export_raw(name, data) {
        function fake_click(obj) {
            var ev = document.createEvent("MouseEvents");
            ev.initMouseEvent("click", true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
            obj.dispatchEvent(ev);
        }
        var urlObject = window.URL || window.webkitURL || window;
        var export_blob = new Blob([data]);
        var save_link = document.createElementNS("http://www.w3.org/1999/xhtml", "a") save_link.href = urlObject.createObjectURL(export_blob);
        save_link.download = name;
        fake_click(save_link);
    }
    

    reply
    0
  • Cancelreply