用AJAX实现二级分类联动

今天学习到一个不错的内容,那就是分类联动。前面文章有说到ajax的基础知识,今天刚好强化一下所学内容。

来看下效果:

当你选择了“地方网站”的时候就会自动显示字类别的内容“北京”。下面是html部分代码:

然后就是ajax代码:

type //提交方式,默认true是异步

url //提交地址

data //传递数据

datatype //提交类型

在上面js代码中,$('#high_id').change(function(){})表示当高级分类的下拉列表值变化时,执行ajax异步提交,提交到get_middle_info的方法中,并且传递high_id参数。如果返回值存在,返回内容追加到$('#middle_id')后面,否则隐藏$('#middle_id').

使用get_middle_info方法返回所选高级分类下的中级分类数据,具体如下:

(原文写于2017.8.17)

原文发布于微信公众号 - 程序员的碎碎念(gh_53e607dd4782)

原文发表时间:2017-09-01

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏九彩拼盘的叨叨叨

学习纲要:调试 JavaScript

694
来自专栏达摩兵的技术空间

与我一起学css3:background-size,-clip

大家好,今天与大家一起学习分享css3中的background-size,background-clip使用与实践。

942
来自专栏前端侠2.0

重新认识visibility 原

原先只是记住了display:none不点位,visibility:hidden要占位显示。

342
来自专栏debugeeker的专栏

《coredump问题原理探究》windows版6.4节单继承

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/xuzhina/article/detai...

421
来自专栏Micro_awake web

HTML5语义化元素

语义化元素:有意义的元素。 对语义化的理解: 正确的标签做正确的事情; HTML5语义化元素让页面内容结构化清晰; 便于开发人员阅读,理解,维护; 搜索引擎爬虫...

1695
来自专栏林德熙的博客

win10 uwp 使用 LayoutTransformer

如果需要使用旋转,那么很容易把图片旋转的布局被裁剪。如果需要旋转的控件还在指定的 Grid 内,就需要使用布局的旋转。本文告诉大家如何使用 LayoutTran...

612
来自专栏python读书笔记

python 数据分析基础 - 总结

至此,经过19天的阅读,《python数据分析基础》已经阅读完毕。 个人感觉,这是一本不错的关于数据分析方面的入门书籍。但是,这本书是有阅读门槛的,必须初步了...

2756
来自专栏听雨堂

LegacyText的复制的Bug

        如果要动态复制一个LegacyText的文字,保持原来的中心位置,角度等,但修改其大小,发现有个别文字会偏离真正的中心位置,结果一番跟踪,发现问...

1767
来自专栏Python小屋

Python爬虫系列:判断目标网页编码的几种方法

在爬取网页内容时,了解目标网站所用编码是非常重要的,本文介绍几种常用的方法,并使用几个网站进行简单测试。 ? 代码运行结果: ? 从不同国家的几个网站测试结果来...

2706
来自专栏debugeeker的专栏

《coredump问题原理探究》windows版6.2节有成员变量的类

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/xuzhina/article/detai...

441

扫码关注云+社区