学习黑马AJAX

今天主要做了AJAX学习的收尾案例，这个案例就是我们平时网购时候选填地址的样式，比如广东省，广州市，白云区，每一个选项都有相对应的下拉框内容，这个案例主要分为三部分去实现，第一步就是第一个省份的下拉菜单数据的获取，这个和之前一样使用axios然后用then的result来接住获取回来的省份数据，获取到之后是一个Promise对象，这个时候就去找里面需要的数据，该数据是一个数组的形式，所有要用到map方法来遍历成字符串之后记得要使用join方法来分隔一下之后获取标签来渲染上去，后面的城市和地区的下拉框数据做法一样，但会遇到一个问题就是但用户三个选项都选好的时候去切换省和市，这个时候的地区是不会变的，所以有bug，这个bug的处理方法就是在切换省的时候同时初始化市和地区选项，如果切换市的话则初始化地区选项，最后就是给提交按钮绑定点击事件，提交需要的参数体是三个，所有使用serialize的外部引进的表单全部数据的收集方法，然后再来一个asyns函数用try来返回提交时候的错误，成功和失败的原因都通过弹窗来显示给用户看，这个案例就算完成了。AJAX学到这里也告一段落了，明天开始做一个大的文章后台管理项目。