Jquery Ajax Post 数据到本地文件

Question

我正在尝试将本地文本文件的内容读入文本区域，然后修改文本区域并将修改后的文本区域值保存到同一个本地文件中。我不能使用服务器端代码，所以尝试使用 Jquery Ajax post 方法。我的 html 看起来像这样 -

<html>
    <head>
        <title>Edit Properties</title>
        <script src="http://code.jquery.com/jquery-latest.js"></script>
        <script src="./js/graph/graph.js"></script>
        <script>    
var testpath;   
var buildpath;  
var dataOnFile;
var buildnum;
    function loadFile() {
        var URL = "somepath";
        if (window.XMLHttpRequest) {
            xhttp = new XMLHttpRequest();
        } else {
            xhttp = new ActiveXObject("Microsoft.XMLHTTP");
        }
        xhttp.open("GET", URL, false);
        xhttp.send(""); 
        return xhttp.response;      
    }

    function edit(){    
    $(document).ready(function() {
    //console.log(loadFile());
        $("#area").val(loadFile());//load the contents correctly
        $("#save").click(function()
            {
                testpath = window.location;
                buildpath=(testpath+"").replace("somepath1","");
                buildpath= buildpath + "somepath2";
                dataOnFile=$("#area").val();            
                console.log(dataOnFile);//logs updated value of text area
                $.ajax({
                  type : "POST",
                  async:false,                
                  data : dataOnFile,    
                  url:buildpath,
                  dataType : "text",
                  success: function(data) {                 
                    alert("File Saved");
                  }
                });
            });
        });
    }
    </script>
<body onload="edit()">
        <p>
            <textarea rows="50" cols="100" id="area"></textarea>
            <input type='button' value='Save File' id="save"/>
        </p>
    </body>
</html>

这没有错误，但我的更改没有保存到文件中。任何解决这个问题的建议？

Answer 1

Javascript 以拒绝访问文件系统的方式设计。如果你想mannupilate文件，你可能应该使用像php这样的服务器端语言。本教程可能会帮助您实现目标：

Beginners guide to Ajax with PHP

Jquery Ajax Post 数据到本地文件

Jquery Ajax Post Data to Local File

html

ajax

jquery

file

save