前后端交互删除添加数据 12.16

133 阅读1分钟

前后端交互添加数据: $("form").submit(function(){ // 获取form表单的提交事件 $.ajax({ url:"http://localhost:5500/tag", type:"POST", data:{text:$("#text").val() }, success:function(res){ if(res.status === 200){ console.log("添加成功"); } } }) return false; })

前后端交互删除数据: $(".col-xs-12").on("click",".close",function(){ var id = $(this).attr("data-id"); $.ajax({ url:"http://localhost:5500/tag", type:"DELETE", data:{_id: id}, success:function(res){ if(res.status === 200){ console.log("删除成功"); } } }) })

前后端交互查询显示数据,要再加一个function load() {} 嵌套在显示数据外层以便显示数据,再在最外层的$(function(){}里添加一个load(); 前后端交互添加数据的添加按钮使用: <input type="submit" class="btn btn-default" value="添加">