我正在尝试将本地文本文件的内容读入文本区域,然后修改textarea并随后将修改后的文本区域值保存到同一本地文件中。我不能使用服务器端代码,所以尝试使用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>
这没有错误,但我的更改不会保存到文件中。任何解决此问题的指针?
答案 0 :(得分:0)
Javascript的设计方式拒绝访问文件系统。如果你想mannupilate文件,你应该使用像php这样的服务器端语言。本教程可能会帮助您了解您的尝试: