龙空技术网

添加数据后刷新页面、显示数据、删除链接的相关代码

洞悉科学 51

前言:

当前我们对“html分页刷新”大概比较珍视,同学们都想要学习一些“html分页刷新”的相关知识。那么小编也在网上收集了一些对于“html分页刷新””的相关知识,希望看官们能喜欢,朋友们一起来学习一下吧!

添加数据后刷新页面、显示数据、删除链接的相关代码

<script type="text/javascript">function getContextPath() {   var pathName = document.location.pathname;   var index = pathName.substr(1).indexOf("/");   var result = pathName.substr(0,index+1);   return result;}$("#btn-add").click(function() {$.ajax({      url: getContextPath() +"/jbtxf/addjbtxf_zz",      type: "post",      data: $("#form-add").serialize(),      dataType: "json",      success: function(res) {          if (res.success) {         alert(res.msg);           window.location.reload()  //刷新页面        } else {              alert("失败!" + res.message);        }    },      error:function(xhr){     alert("发生错误"+xhr.status);    }});});$(document).ready(function() {   var zzid=$("#ryid").val();   $.ajax({       url : getContextPath() +"/jbtxf/jbtxf_zz/"+zzid,       type : "get",       dataType : "json",       success : function(data) {           var s = "";           for (var i = 0, l = data.length; i < l; i++) {               for ( var key in data[i]) {                   s += data[i][key] + ',';              }           s = s + '<a href="del?id='+data[i].id +'">Delete</a><br>';           $("#listdata").html(s);          }      }  });});</script>

添加数据返回JSON结果;页面加载时,调用数据接口,传递参数zzid,使用循环显示数据,在每行后面添加Delete按钮,只是删除后未刷新页面。

标签: #html分页刷新