异步调用（删除数据）+（添加数据）+（查询数据）

bootstrap样式：

<div class="alert alert-info pull-left"> <button type="button" data-id="${element._id}" class="close" data-dismiss="alert" aria-hidden="true">&times;</button> <strong>${element.text}</strong>

注解（删除、添加、查询、修改都是使用ajax的方法进行对数据库（后端）的修改）

查询代码：

 $.ajax({
          url: "http://localhost:3000/tag",
          type: "GET",
          success: function (res) {
              if (res.status === 200) {
                  const data = res.data;
                  let html = "";
                  for (let index = 0; index < data.length; index++) {
                      const element = data[index];
                      html += `
                      <div class="alert alert-info pull-left">
     <button type="button" data-id="${element._id}" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                <strong>${element.text}</strong> </div>
                `;
                  }
                  $(".col-xs-12").html(html);
              }
              console.log(res);
          },
          error: function (err) {
              console.log(err);
          }
      })

html里面是样式::

<div class="alert alert-info pull-left"> <button type="button" data-id="${element._id}" class="close" data-dismiss="alert" aria-hidden="true">&times;</button> <strong>${element.text}</strong> </div>

删除代码：

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

       })

添加代码： 原生（form提交）：

ajax方法添加：

  $(function () {
     $("form").submit(function(){
        //  console.log("tijiao");
        $.ajax({
          url:"http://localhost:3000/tag",
          type:"POST",
          data:{text:$("#text").val() },
          success:function(res){
               if(res.status===200){
                 console.log("添加成功");
               }
          }   
        })
         return false;
     })

data:{text:$("#text").val() },这个是输入框内容