jQuery中,Ajax发送后刷新局部页面的方法

2021-03-27 01:24

阅读:566

标签:dde   click   pos   one   oda   方法   rev   app   lse   

应用场景:

用户点击功能,JavaScript动态生成DOM树,然后用户点击删除,删除成功后,刷新该页面

思路:

将要发送的Ajax用一个函数存起来

技术图片

 

 然后,当用户点击时,执行该函数,然后生成该DOM树,

再然后,当用户点击该页面上的删除按钮时,发送一个删除命令的Ajax请求,删除完成后,再次调用该函数,请求数据,完成刷新需求。

技术图片技术图片
function navlist(){
    $("#content").html(
        "
标题 图标 网址 文字 操作
" ); $.ajax({ type: "get", url: "/nav/u/navlist", dataType: "json", success: function (response) { var datajs = response.data; for (let index = 0; index ) { $(".tablelook").append( "" + "" + datajs[index].title + "" + "" + "" + "" + datajs[index].alt + "" + "" + "改" + " | " + "删" + "" + "" ); } $(".tablelook a:odd").click(function (e) { e.preventDefault(); tan(‘提示!‘, ‘我要删除了噢~‘); $(".modal-footer .btn").click(function () { $.ajax({ type: "post", url: "/nav/u/del", data: "id=" + $(".tablelook a:odd").attr(‘data_id‘), dataType: "json", success: function (response) { if (response.state) { info(‘删除成功!‘); navlist(); } else { info(‘删除失败‘); } } }); }); }); } }); } $("#btn_adminc").click(function (e) { e.preventDefault(); navlist(); });
View Code

 

jQuery中,Ajax发送后刷新局部页面的方法

标签:dde   click   pos   one   oda   方法   rev   app   lse   

原文地址:https://www.cnblogs.com/xfstu/p/12635333.html


评论


亲,登录后才可以留言!