位置: 编程技术 - 正文
jquery+ajax实现省市区三级联动效果简单示例
编辑：rootadmin推荐整理分享jquery+ajax实现省市区三级联动效果简单示例，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:,内容如对您有帮助，希望把文章链接给更多的朋友！
本文实例讲述了jquery+ajax实现省市区三级联动效果。分享给大家供大家参考，具体如下：
一直想学习下Ajax,没时间,汗,这借口太牵强了.下了点教程在手机里,翻了好几遍了,没实战一次.
最近的项目里需要Ajax实现效果,就下了个jquery,然后找了个实例,学习了一下,幡然醒悟,NND,jquery果然强大的一塌糊涂,实现Ajax简直就是不费吹灰之力.下面把学习过程跟大家分享下,虽然还没有搞清楚jquery ajax的底层相关.不管了.我们不需要去发明轮子.呵呵.
先上代码,是一个省市区三级联动的ajax效果:
代码有些拙劣,大家见谅,下面说下这段代码的工作流程.
首先是页面中加载了jquery的js库文件,这个不用多说吧.他是ajax效果赖以实现的必不可少的环节.
当下拉框被选中,触发了onchange事件,该事件请求了一个函数areas_load(),如下:
该函数解释如下:
当函数触发时,以get方式传递参数areaid给指定的url地址,就变成了 /ajax/areaajax.php&#;areaid=x 这样的地址,然后在这个php文件里接受areaid的值,输出指定的代码,function(data) 这个就是php文件里返回的全部代码,当然是在成功完成的状态下.由于jquery封装了这一过程,所以在这里首先起来是非常简便快捷的.再使用$('#shi').append(data) 赋值给指定的id.这样一个ajax的完整过程就实现了.
我只是想把最精髓的地方说给大家,让像我一样的新手不在畏惧ajax这个事物,不在局限于一大堆的教材.说的再多不如一试,想学习ajax的马上就可以开始行动起来啦.
在会用的基础上,再去研究底层实现,这样更有底气,更有耐心和信心.
更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jquery中Ajax用法总结》、《jQuery form操作技巧汇总》、《jQuery常用插件及用法总结》、《jQuery操作json数据技巧汇总》、《jQuery扩展技巧总结》、《jQuery拖拽特效与技巧总结》、《jQuery表格(table)操作技巧汇总》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
jQuery实现联动下拉列表查询框 在查询与列表显示的时候经常用到联动列表显示，比如一级选项是国家，二级选项是省，三级是市，这样的联动是联系的实时导出的，比如你不可能选
jQuery和CSS仿京东仿淘宝列表导航菜单 以前看着京东，淘宝的导航做的真好，真想哪一天自己也能做出来这么漂亮功能全的导航菜单。今天弄了一下午终于自制成功，主要使用jQuery和CSS，实
基于jQuery实现选项卡效果 选项卡，不多说了，做不做网络的都知道，我学的比较晚，现在发一个选项卡制作的代码效果下图所示：源代码：htmlheadmetahttp-equiv="Content-Type"content="text
标签: jquery+ajax实现省市区三级联动效果简单示例
本文链接地址:https://www.jiuchutong.com/biancheng/374041.html 转载请保留说明！
