如何用js实现数据双向绑定

JavaScript018

如何用js实现数据双向绑定,第1张

我们主要通过ES5中的 Object.defineProperty 实现,主要是利用里面的 get set 来实现数据双向绑定

以上没满足知识量的可点击链接查看详情 : 双向绑定原理详情

以上就是对ES5中Object.defineProperty实现双向数据绑定的理解

这个需要用到Ajax和jquery,因为用jquery比较简单,用原生的js代码,比较麻烦,说一下我的思路

比如 国-省-市-县

首先显示一个国家的下拉列表框,其他的不显示,然后当这个下拉列表框的值改变之后,也就是用户选择了其中一个国家,然后触发一个ajax,把代表这个国家的的id通过ajax传到后台,通过这个id在后台查询到所有的省份,然后传到前台,前台通过遍历所有的省份,组装一个html字符串,然后将这个字符串动态插入到代表国家的下拉列表框后面,生成 省 的下拉列表框,同理,当用户改变了省下拉框的值的时候再次触发另一个ajax,如此即可,

还有一点需要注意,如果4级联动已经出来过了,但是用户忽然又改变了国家或省份,首先要把后面的所有下拉列表框全部删除掉,然后在生成下级列表