JS对table添加删除一行

添加一行,并用AJAX提交数据。

  function submitForm() {

    var name = $("#name").val();
    var description = $("#description").val();
    var url = $("#url").val();

    $.ajax({
      url: '/admin/ops',
      type: 'post',
      data: {admin_site: {"name": name, "description": description, "url": url}},
      success: function(data) {
        if(data.success){
          var tb = document.getElementById("admin_site_table")
          var row = tb.insertRow(tb.rows.length-1);
          var cell = row.insertCell();
          cell.innerHTML = "<a href=" + url + ">" + name + "</a>";
          cell = row.insertCell();
          cell.innerText = description;
          cell = row.insertCell();
          cell.innerHTML = "<a href=" + url + ">" + url + "</a>";
          cell = row.insertCell();
          cell.innerHTML = "<input type='button' value='删除' class='btn btn-danger' onclick = 'delRow(this, " + data.id + ")'/>";

          $("#name").val("");
          $("#description").val("");
          $("#url").val("");

        }else{
          alert("添加失败!");
        }
      }
    });
  }

删除一行,并用AJAX实现提交数据。

  function validate() {
    if (confirm("确定删除?")) {
       return true;
    } else {
       return false;
    }
  }

  function delRow(btn, admin_site_id) {
    if(validate()){
      $.ajax({
        url: '/admin/ops/' + admin_site_id,
        type: 'delete',
        success: function(data) {
          if(data.success){
            var row = btn.parentNode.parentNode;
            row.parentNode.removeChild(row);
          }else{
            alert("删除失败!");
          }
        }
      });
    }
  }
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值