二级菜单联动的实现 -- 课件

项目1：二级联动菜单的实现
jQuery对于Ajax的支持；
1、jQuery对Ajax进行了封装 — $.ajax()方法
2、语法：$.ajax(options) — 里面传入我们需要的json对象

https://blog.csdn.net/Ha_Girl/article/details/90710491

对于以上的格式的介绍如下：
1、url — 发送请求的地址
2、Type — 请求类型 — get/post
3、Data — 向服务器传递的参数
4、dataType — 服务器响应的数据类型 — text/json/xml/html/jsonp/script
5、Success — 接收响应时的处理函数
6、Error — 请求失败时的处理函数


案例执行步骤：
1、准备后台数据


2、准备前端页面 — Ajax文件下新建前端页面
3、对于json中的data参数遇到多个，怎么写？
(1) 第一种方式：字符串拼接 — “data”:”t=pypl&abc=123&uu=777”,
(2) jquery为我们提供了json的书写方式 — “data”:{“t”:”pypl”,”abc”:”123”,”uu”:”777”},





项目：二级联动菜单 — 参考之前年月日的三级联动
1、一级菜单实现如下：

2、二级联动菜单实现：


总结：Ajax是异步刷新的核心技术所在！