前言:
当前我们对“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分页刷新