ajax+json 实现三级联动

ajax算是我自己前端学习进程的一个坎儿了。。同阶段的小伙伴已经甩我一大段距离了

慕课上《ajax全接触》课程算是看了两遍。第一遍可能是对前后的知识理解不够,完全懵逼,虽然照着敲代码但是处于完全不懂的状态,可能也因此ajax给我留下了一个不好懂,不好学的印象。前几天第二遍看慕课,有种突然有所领悟的感觉。后来也参考了小伙伴的代码,自己动手实现了ajax+json的三级联动。


源码:https://github.com/wangs311/Demo/blob/master/liandongtry.html


设计思路:

通过ajax将json文件中的内容获取,再通过id相关参数,将对应的节点添加或删除,即可实现联动效果。


总结反思:

1.ajax部分难度不大,困难在json数据设计上。我的json设计就不是很恰当,当数量很多的话,有些方法就需要重写了。

2.节点操作,可以看到联动之后基本上就是节点的操作。所以DOM操作仍然是js操作的重中之重。


然后就是鸡汤了:

不要因为想象中的难而产生畏惧心理,在路上总会有收获!

你可能感兴趣的:(ajax,JavaScript,jQuery)