mock.js注解实现增删改查CRUD

最新推荐文章于 2024-09-15 07:54:47 发布

一枚不起眼的码农

最新推荐文章于 2024-09-15 07:54:47 发布

阅读量491

点赞数 2

分类专栏：增、删、改、查文章标签： javascript jquery

本文链接：https://blog.csdn.net/abai_1215/article/details/111223929

版权

这篇博客介绍了如何利用mock.js实现CRUD操作。作者从零开始学习mock.js，并通过实践掌握了创建、读取、更新和删除数据的方法。文中分享了一个有益的练习网站，并详细列举了删除、添加、编辑和查找元素的步骤。

摘要由CSDN通过智能技术生成

最近在学习mock，刚开始的时候什么都不懂，发现网上有比较好的入门教程。学习了前面部分，对mock有了大概的了解后，就开始做一些简单的案例。

分享一个好的网站，可以用来了解练习。

注:CRUD即:增Create、查Retrive、删Delete、改Update。

cdn引入文件 ：<script src="http://mockjs.com/dist/mock.js"></script>

创建一个对象

var arr =  [{name: 'fei',age: 20,id: 1},
	   {name: 'liang',age: 30,id: 2},]

1、删除元素

	Mock.mock('http://www.bai.com', 'delete', function(options) {
		var id = parseInt(options.body.split("=")[1]) //获取删除的id
		var index;
		for (var i in arr) {
			if (arr[i].id === id) { //在数组arr里找到这个id
				index = i
				break;
			}
		}
		arr.splice(index, 1) //把这个id对应的对象从数组里删除
		return arr; //返回这个数组,也就是返回处理后的假数据
	})
	
	$.ajax({
		url: 'http://www