Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/397.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在json文件中添加HTML内容_Javascript_Jquery_Json_Html - Fatal编程技术网

Javascript 如何在json文件中添加HTML内容

Javascript 如何在json文件中添加HTML内容,javascript,jquery,json,html,Javascript,Jquery,Json,Html,我有一个json文件,从中提取HTML内容并显示在浏览器上 "content": "Hello World <h1 class=\"page-title\">H1 Heading HTML tag</h1> <p>Para Tag</p>", “内容”:“Hello World H1标题HTML标记Para标记”, 这在HTML内容很小的情况下有效 我应该如何处理大型HTML内容块,如滑块或手风琴。是否可以调用文件而不是内容 谢谢尝试使用htm

我有一个json文件,从中提取HTML内容并显示在浏览器上

"content": "Hello World <h1 class=\"page-title\">H1 Heading HTML tag</h1> <p>Para Tag</p>",
“内容”:“Hello World H1标题HTML标记Para标记”

这在HTML内容很小的情况下有效

我应该如何处理大型HTML内容块,如滑块或手风琴。是否可以调用文件而不是内容


谢谢

尝试使用
html

html


是的,你可以。像下面的代码一样加载div内容

$.get('json.JSON',function(result){
   //You will get the JSON data in result
   $("#container").html(result.content);            
});

“是否可以调用一个文件而不是内容。”当然,最好不要将HTML内容放入json,直接加载即可。大内容会发生什么情况?您所说的HTML内容被获取和显示是什么意思??您是否希望将区块转换为内容而不是整个文件内容?我想您不明白,使用JSON的目的是什么。您当然可以使用JSON来获取特定的html内容,而不是您所说的整个文件。您面临什么问题?
$("#container1").load("/path/to/html/ #first");
$("#container2").load("/path/to/html/ .second");
$("#container3").load("/path/to/html/ [src=image-1]");
$("#container4").load("/path/to/html/ img:eq(1)");
$.get('json.JSON',function(result){
   //You will get the JSON data in result
   $("#container").html(result.content);            
});