- 1、本文档共9页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
jQuery+Ajax+PHP+MySQL实现分类列表管理
HYPERLINK / 2011-05-18 13:43 月光光 HYPERLINK /web/月光光 HYPERLINK /php/feedbackt.php?id=262657我要评论(0)
本文将采用Jquery+Ajax+PHP+MySQL来实现一个客户分类列表的管理,如何利用Ajax和Json技术让用户操作起来觉得更轻松,且看本文一一讲解
在实际应用中,我们要管理一个客户分类,实现对客户分类的增加、删除和修改等操作,如何让这些操作变得更人性化,让用户操作起来更加方便成了我们必须研究的课题。
本文将采用jQuery+Ajax+PHP+MySQL来实现一个客户分类列表的管理,如何利用Ajax和Json技术让用户操作起来觉得更轻松,且看本文一一讲解。
HYPERLINK /demo/catalist/展示‖HYPERLINK /data/202714下载
准备阶段
您需要具备HTML和jQuery等前端知识,以及基本的PHP程序和MySQL数据库相关知识。要实现本文中的DEMO示例,首先需要一个MySQLl数据库:
CREATE TABLE `catalist` (
`cid` int(11) NOT NULL auto_increment,
`title` varchar(100) NOT NULL,
`sort` mediumint(6) NOT NULL default 0,
PRIMARY KEY (`cid`)
) ENGINE=MyISAM DEFAULT CHARSET=utf8;
其次在页面中引入jquery库,以及操作结果提示插件jNotify和删除确认插件hiAlert。
将需要准备的文件一并加入到index.php的head之间。
script type=text/javascript src=js/jquery.js/script
script type=text/javascript src=js/jNotify.jquery.js/script
script type=text/javascript src=js/jquery.alert.js/script
script type=text/javascript src=js/global.js/script
link rel=stylesheet type=text/css href=css/alert.css /
准备完毕我们进入主题。
index.php
index.php是主体页面,读取了数据库中的分类数据,以列表展示,并提供了增加、删除和修改的功能按钮。
?php
include_once(connect.php); //连接数据库
$query = mysql_query(select * from catalist order by cid asc);
while($row=mysql_fetch_array($query)){
$list .= li rel=.$row[cid].span class=del title=删除/span
span class=edit title=编辑/spanspan class=txt.$row[title]./span/li;
}
?
以上代码通过读取数据表中的数据,返回一个列表字符串。然后我们要将字符串输出到对应的列表中,代码如下:
div class=selectlist
h3客户类别/h3
ul id=catalist
?php echo $list;?
/ul
pa href=javascript:; onclick=addOpt()新增一项/a/p
/div
试着往数据表中添加几条数据,可以看到一个分类列表。
CSS
input{width:160px; padding:2px; border:1px solid #d3d3d3}
cur_tr{background:#ffc}
selectlist{width:280px; margin:30px auto; border:1px solid #ccc;}
selectlist h3{height:32px; line-height:32px; padding:0 4px; border-bottom:1px dotted #d3d3d3;
background:#f7f7f7}
selectl
您可能关注的文档
- powerbuilder常用函数精编.doc
- powerbuilder使用简介精编.ppt
- jySymfonykj详解(精编)电子书.pdf
- LAMP详解及源码编译安装过程.doc
- Laravel5.2入门中文手册.doc
- laravel-5.4中文文档精编.pdf
- [PHP编程起步].清宏计算机工作室.影印版.pdf
- [PHP高级编程].(薛忠胜等译).(中文版).pdf
- 部编版第十册第八单元巩固提高教学课件.ppt
- 环保变更申请书模板电子版.docx
- 国开景区管理作业2试题及答案.pdf
- 国开景区管理作业1-4试题及答案.pdf
- 河南开放大学本科《地域文化(本)》作业练习1-3试题及答案.pdf
- 2024年大型游乐设施操作证考试题库及答案很全.pdf
- 2024年门座式起重机司机考试题库及答案.pdf
- 2022-2023学年河北省衡水市武强中学高二(下)期末数学试卷【答案版】.docx
- 2022-2023学年河北省保定市崇德实验中学高二(下)期末数学试卷【答案版】.docx
- 江西省2017年中小学教师招聘考试高中化学试卷及答案.docx
- 2024年河北省八年级中考生物真题(解析版).docx
- 2024年南阳市社会保险中心(唐河县企业养老保险分中心)(参公)一级科员招录1人《行政职业能力测验》高频考点、难点(答案详解版).docx
文档评论(0)