位置: 编程技术 - 正文
推荐整理分享基于PHP和Mysql相结合使用jqGrid读取数据并显示(php和mysql的结合是目前web开发中的黄金组合),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:php和mysql教程,php技术和mysql怎么结合,php和mysql教程,php与mysql数据库交互实验,php技术和mysql怎么结合,php和mysql的结合是目前web开发中的黄金组合,php与mysql基础教程,php技术和mysql怎么结合,内容如对您有帮助,希望把文章链接给更多的朋友!
jqGrid可以动态读取和加载外部数据,本文将结合PHP和Mysql给大家讲解如何使用jqGrid读取数据并显示,以及可以通过输入关键字查询数据的ajax交互过程。
下面给大家展示效果图,喜欢的朋友可以阅读全文哦。
jqGrid本身带有search和edit表格模块,但是这些模块会使得整个插件体积显得有点庞大,而且笔者认为jqGrid的搜索查询和编辑/添加功能不好用,所以笔者放弃jqGrid自有的search和edit表格模块,借助jquery利器来完成相关功能,符合项目的实际应用。
XHTML
我们在建立一个可供查询编号和名称的两个输入框,以及“新增”和“删除”按钮,新增和删除功能在接下来的文章中会专门讲解。此外xhtml中还有一个放置表格的#list(jqGrid生成表格)以及分页条#pager。
Javascript
首先调用jqGrid,我们以本站jqGrid:强大的表格插件的应用一文中的数据为例,调用jqGrid,生成表格,请看代码和注释。
关于jqGrid相关选项设置请参照:jqGrid中文说明文档——选项设置。
此外,当我们点击“查询”按钮的时候,向后台php程序发送查询关键字请求,jqGrid根据服务端返回的结果进行响应,请看代码。
PHP
在上两段JS代码代码中,可以看到读取列表和查询业务请求的后台url地址都是do.phpaction=list,后台php代码负责根据条件查询mysql数据表中的数据,并将数据以JSON格式返回给前端jqGrid,请看php代码:
值得一提的是,我们在进行中文查询时,即输入中文关键字进行查询时,需要用js进行escape编码,然后php接收中文关键字时相应的进行解码,否则会出现无法识别中文字符串的现象,本例中采用uniDecode函数进行解码,代码一并奉上:
以上所述就是本文给大家介绍的基于PHP和Mysql相结合使用jqGrid读取数据并显示的全部内容,关于jqgrid表格相关应用会持续给大家介绍,敬请关注。
jquery判断输入密码两次是否相等 Jqueryeasyui是一个非常好的ui框架,但是表单验证中没有最常用的判断两个输出框中值相等的验证,所以我做了下扩展。$.extend($.fn.validatebox.defaults.rules,{/*
Jquery插件之Fancybox丰富的弹出层效果附源码下载 Fancybox是一款优秀的jquery插件,它能够展示丰富的弹出层效果。前面我们有文章介绍了facybox弹出层效果,相比facybox,fancybox显得功能更为齐全,它除了
jqGrid中文文档之选项设置 jqGrid提供了大量的选项设置,开发者可以通过设置选项对应值来控制jqGrid,比如表格的宽度、高度、数据类型以及列名称等等都是通过选项设置来完成
标签: php和mysql的结合是目前web开发中的黄金组合
本文链接地址:https://www.jiuchutong.com/biancheng/376180.html 转载请保留说明!上一篇:Jqgrid之强大的表格插件应用
下一篇:jquery判断输入密码两次是否相等(js判断输入用户名是否正确)
友情链接: 武汉网站建设