位置: 编程技术 - 正文

Jquery+Ajax+PHP+MySQL实现分类列表管理(下)

编辑:rootadmin

推荐整理分享Jquery+Ajax+PHP+MySQL实现分类列表管理(下),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!

在上篇中,我们详细讲解了如何实现列表管理的新增和删除操作,可以看出,前端页面通过ajax与后台通信,根据后台处理结果响应前端页面交互操作,这是一个很典型的Ajax和JSON应用的例子。本文将继续上篇文中的示例,完成编辑操作。编辑项操作用户通过单击“编辑”按钮,相应的项会立即变为编辑状态,出现一个输入框,用户可以重新输入新的内容,然后点击“保存”按钮完成编辑操作,也可以单击“取消”按钮取消编辑状态。首先,通过单击“编辑”按钮,实现编辑状态,在global.js的$(function(){...})中加入如下代码:

从代码中可以看出,其实是改变了“编辑”按钮和“删除”按钮的class样式,修改了其title属性,然后将分类名称用一个input输入框包裹(wrapInner),这样就生成了一个编辑状态。要将修改好的内容提交给后台处理,通过单击“保存”按钮,会发生下面的事情,请看代码:

Jquery+Ajax+PHP+MySQL实现分类列表管理(下)

通过单击编辑状态下的“保存”按钮,首先获取输入框的内容,如果没有输入任何内容则提示用户输入内容,然后将用户输入的内容进行escape编码,同时还要获取编辑项对应的ID,将输入的内容和ID作为参数通过$.ajax提交给后台post.php处理,并响应后台返回的信息,如果返回成功,则提示用户“编辑成功”,并且解除编辑状态,如果返回失败,则提示用户“操作失败”。后台post.php处理编辑项操作与上篇的新增项操作差不多,代码如下:

以上代码片段加在post.php的switch语句中,代码接收了前端传来的id和title参数,并对title参数进行解码,然后更新数据表中对应的项,并输出执行结果给前台处理。要取消编辑状态,则通过单击“取消”执行以下代码:

其实,代码重新组装了一个字符串,重新将组装的字符串替代了编辑状态,即取消了编辑状态。通过这样一个实际应用的案例,我们可以体验前端技术的优越性,用户完成的每一步操作是那么的友好,这是用户体验的一个方面。Jquery库让ajax操作变得如此简单,文中代码中还用到了jquery的live方法,这是为了绑定动态创建DOM元素所必需的。

上面两篇就是小编为大家整理的关于Jquery+Ajax+PHP+MySQL实现分类列表管理的全部内容,希望对大家的学习有所帮助。

jquery实现模拟百分比进度条渐变效果代码 本文实例讲述了jquery实现模拟百分比进度条渐变效果代码。分享给大家供大家参考,具体如下:这里为了便于看到加载百分比,对代码进行了处理,实

牛叉的Jquery——Jquery与DOM对象的互相转换及DOM的三种操作 只有jQuery对象才能调用jQuery类库的各种函数,同样有些dom对象的属性和方法在jQuery上也是无法调用的,不过基本上jQuery类库提供的函数包含了所有的dom

jquery实现的伪分页效果代码 本文实例讲述了jquery实现的伪分页效果代码。分享给大家供大家参考,具体如下:这里介绍的jquery伪分页效果,在火狐下表现完美,IE全系列下有些问题

标签: Jquery+Ajax+PHP+MySQL实现分类列表管理(下)

本文链接地址:https://www.jiuchutong.com/biancheng/370448.html 转载请保留说明!

上一篇:Jquery+Ajax+PHP+MySQL实现分类列表管理(上)

下一篇:jquery实现模拟百分比进度条渐变效果代码(jquery虚拟dom)

  • 增值税专用发票可以开电子发票吗
  • 出口退税率怎么算
  • 小规模纳税人如何申报
  • 内蒙古注册税务师协会
  • 小规模纳税人企业所得税怎么计算
  • 增值税是否计入存货成本
  • 企业所得税税前扣除政策
  • 免税苗木普通发票
  • 期初未缴税额本年累计是什么意思
  • 发票丢失了能开红字发票吗
  • 去年的物业费今年缴,有罚款吗
  • 企业增资的分录怎么写
  • 个体户认定一般纳税人
  • 纳税人申请退税需要报送的资料和证件有
  • 一般纳税人计提增值税账务处理
  • 受托代销商品手续费会计分录
  • 税后扣税
  • 本月无销项只有进项申报表如何填写
  • 燃气在建工程要怎么转固定资产呢?
  • 预付卡增值税如何申报
  • 本期认证本期不抵扣下月再抵扣
  • 家电折旧费法律依据
  • 应付职工薪酬所得税汇算清缴
  • 消费满额赠礼
  • 股东折价入股会计分录
  • 补缴以前税收滞纳金多少
  • 小规模纳税人发票增额需要什么手续
  • 跨年度残保金退税怎么算
  • 二季度所得税申报时间
  • win10护眼模式在哪
  • appdata如何移动
  • 教学用品列入什么费用
  • 预付款多长时间
  • 其他应收款
  • 在海里的章鱼
  • php中的常用魔术有哪些
  • php的mysql_query
  • 增量留抵税额是
  • 应付职工薪酬账户
  • Python数学建模三剑客
  • 经营活动现金流为正说明什么
  • 帝国cms使用手册
  • 地税代开的发票怎么计提税款?
  • mongodb服务端默认的端口号是多少?
  • mongodb27017
  • 股东退股如何清算表格
  • 固定资产盘亏是营业外支出吗
  • 企业哪些税费不通过应交税费账户进行核算
  • 应付账款会计分录例题
  • 哪些商业保险可以抵扣个税
  • 简易征收能抵扣进项税吗
  • 注册公司没交社保
  • 企业财务会计是应用在各类企业
  • 结账前要做哪些准备工作
  • torch.cuda.set_device
  • optimize system
  • win7误删注册表
  • 隐藏文件或文件夹
  • 利用windows资源管理
  • win7桌面快捷方式图标没箭头
  • win7纯净版系统多大
  • node .js
  • opengl光照纹理三个球
  • opengl
  • vue拦截器的作用及使用
  • url跟uri
  • shell 循环 for
  • linux监控程序
  • js快速生成数组
  • nodejs处理excel
  • 安卓手机管家删除的照片怎么恢复
  • android 快速开发工具
  • Javascript & DHTML 实例编程(教程)(三)初级实例篇1—上传文件控件实例
  • 超详细的卡拉赞攻略
  • 国家税务总局财政部公告2023年第11号
  • 河北市国家税务局官网
  • 江苏税务怎么在手机上办
  • 出口退税申报时闿
  • 现行的企业所得税率是多少
  • 美国对中国商品征收关税
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设