zoukankan      html  css  js  c++  java
  • 动态添加在表格后一行,显示在页面上,无刷新添加

    //异步添加数据到数据库,动态添加在表格后一行,显示在页面上,无刷新添加
    $("#btnAdd").click(function () {

    var txtbig = $("#txtBig").val();
    var txtcount = $("#txtCount").val();
    //加上时间,防止出现缓存
    $.get("caozuo.ashx?big=" + txtbig + "&count=" + txtcount + "&time=" + new Date().getTime(), function (data) {
    if (data == "1") {
    //动态添加表格一行,jquery屏蔽了浏览器了兼容问题,
    //使用javascript创建时,会出现IE不显示的,Debugbar查看,填进去了但是,没在tbody内
    var tr = $("<tr></tr>");
    var td1 = $("<td>" + txtbig + "</td>");

    var td2 = $("<td><input type='text' value='" + txtcount + "'></input></td>");
    //将列添加到行内
    tr.append(td1);
    tr.append(td2);
    //获取表格id,将行添加进去
    $("#bigtable").append(tr);
    //span标签提示成功
    $("#tishi").html("添加成功").css("color", "red");
    } else {
    alert("添加失败");
    }

    });
    });


    简单的异步无刷新,添加,可以实现无刷现评论等等

  • 相关阅读:
    JavaWeb 【介绍】
    Python3 【解析库XPath】
    Python【类编程】
    Python3【正则表达式】
    Java GUI【记事本】
    Java 【笔记本】
    Python3 【requests使用】
    Java 【食品库存管理】
    AGC027 C
    AGC027 A
  • 原文地址:https://www.cnblogs.com/gylspx/p/hgfgs.html
Copyright © 2011-2022 走看看