javascript - AnjularJS $http.get() 无法写入本地json
本文介绍了javascript - AnjularJS $http.get() 无法写入本地json的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
问 题
菜鸟学anjularJS遇到的问题，本地webstorm运行，可以正确读取文件，获取json内容
点击设置按钮后，弹出success，本地json文件没有被修改，烦请各位大神解答。
json内容
{
"title":"高级程序设计",
"author":"尼古拉斯",
"pubHouse":"人民邮电出版社"
}页面如下
<!DOCTYPE html>
<html ng-app="json">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body ng-controller="jsonctrl">
<button ng-click="getBook('book.json')">获取</button>
<button ng-click="newBook('book.json')">设置</button>
<div>
<li >{{data.title}}</li>
<li >{{data.author}}</li>
<li >{{data.pubHouse}}</li>
</div>
<script src="../lib/jquery.js"></script>
<script src="../lib/angular.js"></script>
<script>
var myapp=angular.module("json",[]);
myapp.controller("jsonctrl",["$http","$scope","$filter",function ($http,$scope,$filter) {
$scope.getBook=function (url) {
$http({
method:"GET",
url:url
}).then(function success(response) {
$scope.data=response.data;
},function fail(response) {
alert(response.status);
})
}
$scope.newBook=function (url) {
var n={
"why":"no info"
};
$http.post(url,n).then(function success() {
alert("success");
},function fail() {
alert("fail");
})
}
}])
</script>
</body>
</html>
</body>
</html>
解决方案
angular 本身的post不能操作本地文件，你需要通过后台服务来进行文件的写入。建议你看nodejs的文件写入，很简单。
这篇关于javascript - AnjularJS $http.get() 无法写入本地json的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
