当前位置:首页 > 代码 > 正文

ajax删除功能代码(ajax删除数据库数据)

admin 发布:2022-12-19 05:14 139


本篇文章给大家谈谈ajax删除功能代码,以及ajax删除数据库数据对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。

本文目录一览:

很奇怪的js,ajax的问题,关于添加到购物车及点击删除的,就类似京东商城的那样。

初步怀疑你的删除事件绑定有问题:新加入的DOM元素未绑定到事件。这种情况应该使用事件委派来做,你用 jQuery 吗?假设你的购物车列表的 HTML 结构如下:

ul id="cartList"

    li

        购物车商品1

        button删除/button

    /li

    li

        购物车商品2

        button删除/button

    /li

    ……

/ul

则删除购物车商品的代码为(用了 jQuery):

$('#cartList').on('click', 'button', function() {  // 委派 button 的点击事件

    $(this).parent().remove();  // 移除购物车里当前商品

});

用JQuery实现ajax删除数据

删除的时候,获取当前删除行的行号,删除成功之后,把这一行数据删除;

其实可以用jquery的easyui 或者ligerui 来实现,还不错。这2个插件的实现:

在页面加载完成时,通过ajax去后台获取数据,封装成json,传回页面,然后将数据解析,生成table,写入数据行。当你需要对数据操作时,同样也是异步操作,操作完成之后,再去查询数据,通过js重新生成table,写入数据行。

你可以看下这2个插件的api。

如何利用ajax实现页面加载和内容的删除

ajax实现页面加载:

主要是利用ajax获取数据,然后在页面上渲染。

ajax实现内容删除:

主要是利用ajax向后台发送删除数据的id,然后通过后台删除

请问一下各位用ajax如何删除数据啊?

前台也刷新一下啊!如果你把数据放在div层里,那么就load重新加载这个层!

关于ajax删除功能代码和ajax删除数据库数据的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。

版权说明:如非注明,本站文章均为 AH站长 原创,转载请注明出处和附带本文链接;

本文地址:http://ahzz.com.cn/post/2943.html


取消回复欢迎 发表评论:

分享到

温馨提示

下载成功了么?或者链接失效了?

联系我们反馈

立即下载