【怎样在html中显示JSON?】教程文章相关的互联网学习教程文章

使用JavaScript从本地HTML5 Web应用程序加载JSON【代码】

我正在开发一个小型HTML5网络应用程序,用户可以使用他们的浏览器离线使用,跨平台.他们将在CD或USB-Stick上接收wep应用程序,然后双击HTML文件.然后,HTML文件从同一目录/子目录本地加载CSS,JavaScript文件等…… 到目前为止,一切都很好.但我还想加载一个包含JSON的文件(也是来自同一目录的本地文件),并使用该数据构建DOM的一部分.$.getJSON("playlistcontent.json", function (json) {//use the data...});在这里我遇到了着名的Origi...

javascript – 如何在Thymeleaf中将控制器中的JSON值传递给HTML?【代码】

我尝试使用DataTables做“服务器端分页”.我正在按照本教程完成“http://javahonk.com/spring-mvc-pagination-datatables/”.它使用JSP作为他们的html语言.我在这里使用的是“Thymeleaf” 但是当我试图这样做时,我坚持JSON值已经生成,但它出现在我的控制台中,不会显示在我的HTML页面中 这是我的控制器:SpringMVCController.java@RequestMapping(value = "/barangs", method = RequestMethod.GET, produces = "application/json") ...

javascript – 从AngularJS中的JSON生成HTML代码【代码】

我试图从存储的JSON文件动态生成HTML代码. JSON文件格式:{"fields": [{"name": "service type","type": "text|radio|checkbox|date","placeholder": "Service Type","value": "","checked": "true"},{"name": "service type","type": "text|radio|checkbox|date","placeholder": "Service Type"}] }但是,DOM元素的类型根据JSON文件而更改.例如,如果键入:text,则必须生成:<input type="text" name="service type" value="">我正在...

php – 根据客户端发送HTML或JSON响应【代码】

我有一个带有Eloquent实体的Laravel应用程序及其各自的RESTful resource controllers,如下所示: 该模型class Entity extends Eloquent {... }控制器class EntityContoller {public function index() {Entity $entities = Entity::all();return view('entity.index', compact($entities));}... // And many more routes like that }现在我正在构建一个Android应用程序,而不是返回视图,我需要数据作为JSON. 在我目前的解决方案中,对...

php – 以html表格式显示json数据【代码】

嘿伙计我是编程新手.我想使用jquery在HTML表格中显示Json数据. 输出来自服务器: { “地位”:1, “插入”:1, “数据”:[{ “ID”: “1”, “名”: “Jatin”, “电子邮件”: “jatin@122.d”, “状态” : “1”},{ “ID”: “2”, “名”: “Shubham”, “电子邮件”: “jatin@122.d”, “状态”: “1”},{ “ID”:” 3\” , “名”: “Aneh”, “电子邮件”: “jatin@122.d”, “状态”: “1”},{ “ID”: “52”...

c# – 使用Json.Net序列化模型时自动使用HtmlEncode字符串【代码】

是否有一种方法可以将Json.Net配置为在序列化模型时自动编码所有字符串,如HtmlEncode(myString)?解决方法:您可以使用类似于Selectively escape HTML in strings during deserialization中的解决方案,并进行一些小的更改: >更改HtmlEncodingValueProvider以在GetValue而不是SetValue中应用编码(以便它在序列化而不是反序列化时执行编码).>更改解析程序以将值提供程序应用于所有字符串属性,而不是查找属性. 以下是生成的代码的样子...

c# – ASP.NET MVC JSON将HTML表单发布到视图?【代码】

我有以下代码: jQuery的:$.ajax({url: '/personcontroller/getperson',cache: false,type: "POST",data: $('#person').serialize(),success: function(data) {alert('yay');}}); });控制器:public ActionResult getPerson(Person person) {return new Json(person); }Html Form / Spark:<form id="person"><input id="person.Id" type="hidden" value="${ViewData.Model.Person.Id}" /><input id="person.Name" value="${ViewD...

java – 在Tapestry 5中返回非HTML,非JSON http主体?【代码】

我必须在使用Tapestry5的项目中实现OAuth协议的服务提供者.因此,我只需要返回一个既不是HTML也不是JSON的非常简单的HTTP响应体. 起初我尝试使用标准的tml& pojo(java class,page)方法,但这不起作用,因为Tapestry试图解析模板. 所以我想我必须尝试不同的东西.也许可以在页面中使用render()方法?但我找不到任何可以回答这个问题的文件. 或者我应该使用另一个更符合我需求的框架? 感谢您的意见, 理查德解决方法:布莱恩把我推向正确的...

javascript – 用JS解析JSON foreach,显示HTML列表【代码】

我目前正在尝试使用JavaScript解析JSON.我的问题是我希望输出看起来像这样:<li>AppName1</li> <li>AppName2</li> <!-- and so on... -->然而它只是不起作用,我不知道如何实现这一点.这是从JSON响应反序列化的对象:{"data": [{"AppId": 1,"AppName": "AppName1","AppSize": "2.1"}, {"AppId": 2,"AppName": "AppName2","AppSize": ""}] }这是我的.js文件:var xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange = func...

输出由PHP生成的JSON字符串中的HTML【代码】

我有一些输出json的PHP.<?php $html = utf8_encode($gegevens['tekst']); $html = htmlentities($html); //$html = htmlspecialchars($gegevens['tekst'], ENT_QUOTES, 'UTF-8'); echo json_encode(array( 'titel' => $gegevens['titel'], 'html' => $html )); ?>输出将如下:{"titel":"Here comes the title","html":"<strong>Here is the HTML<\/strong>\n<br \/>\n<br \/>\n And some more."}而jQuery / Ajax将是:$.ajax({...

javascript – 通过JSON / AJAX更新HTML【代码】

自从我听说它以来,我一直在使用JSON来处理我的rails应用程序中的AJAX功能,因为使用RJS /呈现HTML“感觉”错误,因为它违反了MVC.我工作的第一个AJAX项目结果是20-30个控制器动作直接绑定到特定的UI行为,我的视图代码分布在控制器动作,部分和rjs文件上.使用JSON允许您在视图中保持视图特定代码,并且仅通过AJAX与视图不可知/ RESTful控制器操作进行对话以获取所需数据. 我从使用纯JSON中发现的一个难题是你必须通过JS“渲染”HTML,在A...

javascript – 客户端转换EDN到JSON(HTML5应用程序消耗的数据库数据)【代码】

我正在实现从HTML5应用程序到Datomic数据库的基本端到端功能.第一个调用端口是让客户端直接向Datomic REST API(http://docs.datomic.com/rest.html)发出AJAX调用. 使用这种方法需要解决的问题是数据在EDN中返回,而客户端应用程序想要使用JSON. 我可以看到有可能的方法在客户端上使用Javascript,例如,使用一些库代码来翻译EDN(例如,我发现jsedn – https://www.npmjs.com/package/jsedn) 有没有人有使用Javascript做这样的工作的经...

从富文本编辑器获取html内容组装json,特殊字符引起报错解决办法。【代码】

最近项目需要,需要从富文本编辑器获取html内容组装json,然后还要 把组装后的json对象利用json2转成json字符串,数据放入编辑器提交,由于兼容ie8以上浏览器。所以搞了好久的特殊字符转义,经常出错。我们一般想到的解决办法就是转义: /*3.用正则表达式实现html转码*/ function htmlEncodeByRegExp(str){var s = "";if(str.length == 0) return "";s = str.replace(/&/g,"&amp;");s = s.replace(/</g,"<");s = s.replace(/>/g,">...

访问html网页返回数据是json时网页端报This XML file does not appear to have any style information associated with it【代码】

最近在跟雷神学习SpringBoot在学习通过@GetMapping获取url中的路径变量参数等数据时网页报This XML file does not appear to have any style information associated with it,在网上找了一圈,后来发现是config包下的webconfig配置文件出了问题,用官方文档中的代码替换掉就好、官方文档中的代码如下 @Configuration @EnableWebMvc public class WebConfig extends WebMvcConfigurerAdapter {/*** Setup a simple strategy: use al...