前后端交互添加数据:
$("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="添加">