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("添加失败");
    }

    });
    });


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

  • 相关阅读:
    java 的异常和错误,有哪些
    java里的15种锁
    Netty知识点总结(一)——NIO
    Java中的路径问题
    Java定时任务-Timer
    安装Idea后需要做的3件事
    线程中的队列(queue)
    信号量(Semaphore)
    python线程的同步事件Event
    python中的GIL
  • 原文地址:https://www.cnblogs.com/gylspx/p/hgfgs.html
Copyright © 2011-2022 走看看