添加

最新推荐文章于 2024-11-08 18:30:00 发布

qq_45691185

最新推荐文章于 2024-11-08 18:30:00 发布

阅读量130

点赞数

文章标签： js 数据库

本文链接：https://blog.csdn.net/qq_45691185/article/details/106209671

版权

云笔记项目–添加数据
1 重置添加按钮可以挑选layui；里按钮样式
在这里插入图片描述
链接;https://www.layui.com/doc/element/button.html
如选择百塔按钮 class=“layui-btn layui-btn-radius layui-btn-normal”
将代码复制替换原按钮代码
2 为按钮设置事件
点击跳出添加框如：

在layui找到弹出层一栏直达链接https://www.layui.com/doc/modules/layer.html
layui.use([‘laypage’, ‘layer’, ‘table’,‘jquery’], function(){
var laypage = layui.laypage /
,layer = layui.layer //弹层
,table = layui.table //表格
, $KaTeX parse error: Expected '}', got 'EOF' at end of input: \dotsndData={"name":$ (’#name’).val()};

	$.ajax({
		type:"get",
		url:"notebook/addnotebook.do",
		data:sendData,
		datatype:"json",
		success:function(msg){
			if(msg.state==1){
				//说明添加成功
				layer.msg(msg.message);
				
			}else{
				//添加失败
				layer.msg(msg.message);
			}
			
		},

添加成功后自动刷新页面数据
var sendData={“id”:data.id};
$.ajax({
type:“get”,
url:“notebook/deletenotebook.do”,
data:sendData,
datatype:“json”,
success:function(msg){
if(msg.state==1){

				layer.msg(msg.message);
				//重新刷新表格
				table.reload('demo', {
	  				 page: {
	  				    curr: 1 //重新从第 1 页开始
	  				  }
	  				}); //只重载数据
	  				或提示添加失败
	  							}else{

				layer.msg(msg.message);
			}
			
		},
		error:function(msg){
			alert("通信失败");
		}
		
	});