json-server学习四（对json数据的处理）
对json数据的处理（create增、delete删、改put、查get），这里遵守的风格是restful风格，也能降低大家对代码的学习成本。
restful风格简介：
客户端用到的手段，只能是HTTP协议。具体来说，就是HTTP协议里面，四个表示操作方式的动词：GET、POST、PUT、DELETE。它们分别对应四种基本操作：GET用来获取资源，POST用来新建资源（也可以用于更新资源），PUT用来更新资源，DELETE用来删除资源。
这个也增加了我对get和post认识，之前在form的method中的get和post是两种不同的数据传输方式。通过这个我了解get和post在不同的环境下被赋予了更多的意义。
需求是：对json数据的增删改查的操作。
实现工具，Jquery，依赖于nodejs环境的json-server环境。
db.json
public/index.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <script src=""></script> <script src="index.js"></script> </body> </html>public/index.js
var create = function (obj){ $.ajax({ url: '/posts/', type: 'post', //使用post对数据库json文件进行增加 data: obj, success: function(data){ console.log(data); } }); } var remove = function (id) { $.ajax({ url: '/posts/'+ id, type: 'delete', //直接使用delete来删除数据 success: function(data){ console.log(data); } }); } var updata = function(obj) { var id = obj.id; delete obj.id; $.ajax({ url: '/posts/'+ id, type: 'put', //使用put来修改数据 data: obj, success: function(data) { console.log(data); } }); } var read = function(id) { $.ajax({ url:'/posts/' + id, type: 'get', //使用get来获取指定的数据 success: function(data) { console.log(data); } }); } var xxx = function () { $.ajax({ url:'/posts/', type: 'patch', success: function(data){ console.log(data); } }); }参考资料有 阮一峰的理解RESTFUL框架：
发表评论
文章导航
相关文章
精彩导读
热门资讯
关注我们
