{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://www.manongdao.com/data/attach/logo/logo.png', '推荐 够拽才男人 的问题《Jquery Ajax Post Data to Local File》','https://www.manongdao.com/q-1010429.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
I am trying to read contents of a local text file into text area, then modifying textarea and subsequently saving modified text area value into the same local file. I cannot use server side code so trying this with Jquery Ajax post method. My html looks like this -
<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>
This works without error but my changes are NOT saved into a file. Any pointers to resolve this?
Javascript was designed in a way that denies access to the file system. If you want to mannupilate files, you should probably use a server side language like php. This tutorial might help you get what your trying to do:
Beginners guide to Ajax with PHP