经常遇到这种场景,页面中某DIV中的数据是由某API提供的,另一个DIV中的数据对应另外一个API。现在流行前端MVC框架,很容易实现数据和视图的绑定。下文介绍不使用MVC仅仅使用JQuery来完成此功能开发。
我们使用$('[data-role="bindService"]')来标识DOM父节点,该父节点对应一个返回JSON的API URL或者自定义函数,其中子元素利用'data-key'属性来对应JSON的键名称。
代码类似如下(根据本地API风格而写,可以改进封装成通用性更好的函数)
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。