jsutils/file

JavaScript 文件实用工具

维护者

详细信息

github.com/jsutils/file

源代码

问题

安装: 75

依赖: 1

建议者: 0

安全: 0

星标: 1

关注者: 4

分支: 1

开放问题: 0

语言:JavaScript

0.1.9 2017-04-21 18:35 UTC

This package is not auto-updated.

Last update: 2024-09-14 18:09:35 UTC


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>