jsutils / file
JavaScript 文件实用工具
0.1.9
2017-04-21 18:35 UTC
Requires
- jsutils/json: >=0.0.0
- jsutils/tmpl: >=0.0.0
- webmodules/jquery: >=2.1.5
README
##getJSON 从服务器加载 JSON 文件,如果传递了数据,则应用 dummyJSON。
//my_server/my_json_file.json { "people": { "id" : "{{data.id}}" } } //Client Side Code var fileUtil = _module_("jsutils.file"); fileUtil.getJSON("my_server/my_json_file.json",{ id : 100}).done(function(resp){ //formatted json }); //OUTPUT FORMATTED { "people": { "id" : "100" } }
##getHTML 从服务器加载 HTML 文件,并在其上应用 underscore 模板。
//my_server/my_html_file.html <div> <strong>Hi, Data id is {{data.id}}</strong> </div> //Client Side Code var fileUtil = _module_("jsutils.file"); fileUtil.getHTML("my_server/my_html_file.html",{ id : 100}).done(function(resp){ //formatted html }); //OUTPUT FORMATTED <div> <strong>Hi, Data id is 100</strong> </div>
包含嵌套 HTML
如果模板包含包含标签,则应用嵌套 HTML 模板。数据可以按需传递给嵌套模板。
//my_server/in_other_folder_my_other_html_file.html <div> <strong>And My name is {{data.name}}</strong> </div> //my_server/my_html_file2.html <div> <strong>Hi, Data id is {{data.id}}</strong> <include src="in_other_folder_my_other_html_file.html" data=data.user /> </div> //Client Side Code var fileUtil = _module_("jsutils.file"); fileUtil.getHTML("my_server/my_html_file2.html",{ id : 100, user : { name : "Lalit" } }).done(function(resp){ //formatted html }); //OUTPUT <div> <strong>Hi, Data id is {{data.id}}</strong> <div> <strong>And My name is Lalit</strong> </div> </div>