位置: 编程技术 - 正文

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

编辑:rootadmin

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

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

在实际应用中,我们要管理一个客户分类,实现对客户分类的增加、删除和修改等操作,如何让这些操作变得更人性化,让用户操作起来更加方便成了我们必须研究的课题。

准备阶段您需要具备HTML和Jquery等前端知识,以及基本的PHP程序和MySql数据库相关知识。要实现本文中的DEMO示例,首先需要一个mysql数据库:

其次在页面中引入jquery库,以及操作结果提示插件jNotify和删除确认插件hiAlert。后者两个插件在本站都有详细的讲解,读者可以通过链接了解下:将需要准备的文件一并加入到index.php的<head>之间。

准备完毕我们进入主题。index.phpindex.php是主体页面,读取了数据库中的分类数据,以列表展示,并提供了增加、删除和修改的功能按钮。

以上代码通过读取数据表中的数据,返回一个列表字符串。然后我们要将字符串输出到对应的列表中,代码如下:

试着往数据表中添加几条数据,可以看到一个分类列表。CSS

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

CSS我就不详细讲解,看下就明白了,最终显示的效果如图:

新增项操作在global.js加入addOpt()函数:

通过单击“新增一项”链接,向DOM中添加了一个新增项的输入框。当用户输入内容后,点击“保存”,将会触发一个ajax操作,先看代码:

首先获取用户输入的内容,如果没有输入任何内容则提示用户输入内容,然后将用户输入的内容进行escape编码,保证中文字符能正确传输给后台程序识别。然后通过$.getJSON方法向后台post.php发起一个异步的Ajax请求。后台post.php接收参数值并进行相关处理,前端代码通过响应后台返回的JSON数据,如果新增成功,则向列表后面追加一项,并提示用户“操作成功”,如果失败则提示用户“出错了”。如果要取消新增项操作,只需当单击“取消”按钮时执行以下代码:

后台post.php需要处理新增项内容,代码如下:

通过接收前端提交的内容,进行解码后,写入数据表中,并输出JSON数据格式供前台处理。关于uniDecode()函数,读者可以下载源码了解,主要是为了正确读取解析jquery通过异步提交的中文字符串。添加项操作已经完成,下面请看删除项操作。删除项操作回到global.js,在$(function(){})加入下面的代码:

显然,通过单击“删除”按钮,同样是向后台post.php发送一个ajax请求,将删除项对应的参数ID发送给后台并响应后台处理结果,如果成功,则提示用户“删除成功”,并通过remove()将数据项移除,如果失败,则提示“操作失败”。后台post.php接收参数并作出相应的处理:

以上这段代码片段,加在post.php的switch语句中,执行了删除语句,并输出执行结果供前端处理。限于篇幅,修改项操作在下此文章中再进行讲解,敬请关注,不要错过喽。

Jquery+Ajax+PHP+MySQL实现分类列表管理(下) 在上篇中,我们详细讲解了如何实现列表管理的新增和删除操作,可以看出,前端页面通过ajax与后台通信,根据后台处理结果响应前端页面交互操作,

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

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

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

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

上一篇:自己动手写的jquery分页控件(非常简单实用)(可以自己做手写的软件)

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

  • 印花税应税凭证书立日期怎么写
  • 加油站购进成品油怎么做账
  • 新公司需要去当地街道报备劳动关系证明吗
  • 扫码开票开错了怎么改
  • 会员退费怎么算
  • 小企业会计准则调整以前年度费用分录
  • 商贸企业购进商品怎么做成本
  • 保证金交易收益率
  • 管理费用和财务费用算营业成本吗
  • 过期的增值税发票能用吗
  • 个体户需要交税吗要交多少
  • 物业前期介入费用测算
  • 不得扣除任何费用的是
  • 财税2010121号文件有效吗
  • 办公设备发票开票内容
  • 产生个人所得税之后是不是不能公益性岗位
  • 金蝶k3初始余额录入打不进字
  • 增加采购发票的方法
  • 哪些支出可以在计算企业应纳税所得额时加计扣除
  • 机动车检测工作
  • 新公司会计建账流程
  • 财务会计制度备案操作流程
  • win10内存完整性不兼容的驱动程序
  • 利润分配怎么核算
  • 腾讯电脑管家浏览器保护在哪
  • .exe是啥
  • 排污费计入应交税费吗
  • vue怎么使用本地存储比较好
  • php的教程
  • php调用远程桌面
  • php和mysql的联合使用
  • 转租收入是否缴纳房产税江苏
  • 建筑业的账务处理办法
  • 在建工程减值准备科目编码
  • pytorch入门教程(非常详细)
  • 高德加载kml
  • 产品注册费会计科目
  • 库存现金月末怎么结转
  • 休产假期间社保个人部分怎么办
  • ssh-keygen -m pem
  • 可供出售金融资产新准则叫什么
  • 什么是稳岗补贴是给企业发放吗
  • 待摊费用多久摊销一次
  • 非货币性资产交换
  • mongodb简单使用
  • mongodb聚合函数详解
  • 货款分批付的会计分录
  • 购买固定资产未入账
  • 收到以前年度多交增值税账务处理怎么做账
  • 定期定额个税申报应税项和计税依据为什么不相等
  • access字符型数据
  • 幼儿园伙食账目
  • 建筑行业会计做账流程及会计分录
  • 股东权益包括什么科目
  • 保险再保业务
  • 待抵扣进项税在贷方怎么冲掉
  • 非同一控制下企业合并,企业合并成本包括
  • 支付宝账户收到美元怎么转换成人民币
  • 旅客运输服务客体是什么
  • 权益类会计科目有哪些科目
  • 小企业会计建账分录
  • 酒店财务帐务处理方案
  • Mysql中explain作用详解
  • mac如何隐藏桌面
  • nmeo.exe是什么
  • 电脑死机常见原因分析
  • windows 8怎么样
  • win10一年更新一次
  • win10每周更新
  • opengl超级宝典pdf
  • nodejs import
  • js的定时器函数
  • Python字符串大写
  • 获取路径下的文件名
  • 在海口二手房需交什么税
  • 新办企业税务局注册流程
  • 江苏发票真伪查询
  • 重大税务违法案件一案双查标准
  • 工程开具增值税专用发票
  • 调查问卷的背景资料怎么写
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设