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操作的重中之重。


然后就是鸡汤了:

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值