`

Json在Html中的应用示例

阅读更多
<html>
<head>
  <meta http-equiv=content-type content="text/html;charset=GBK">
</head>
<body>
  <table border=0 cellspacing=0 cellpadding=0>
   <tr>
    <td id="a"><h1>sdfsd</h1></td>
   </tr>
   <tr>
    <td id="b">sdfsdf</td>
   </tr>
   <tr>
    <td id="c">sdfsd</td>
   </tr>
   <tr>
    <td id="d">sdfsdf</td>
   </tr>
  </table>
</body>
<script language="javascript">
window.alert('\u53e3');  //get ᄀᆴ﾿ᅳᄀᆵ

  var jsonStr = "{\"a\":\"ᅣᅳ￈￝1\", \"b\":\"ᅣᅳ￈￝2\",\"c\":\"ᅣᅳ￈￝3\",\"d\":\"ᅣᅳ￈￝4\"}";
  var jsonObj = eval("(" + jsonStr + ")");
  for(var property in jsonObj){
   var nodeObj = document.getElementById(property);
   if(nodeObj)
    nodeObj.childNodes[0].nodeValue = jsonObj[property];
  }
</script>
</html>
分享到:
评论

相关推荐

    HTML读取json文件示例程序.zip

    这个“HTML读取json文件示例程序.zip”包含了如何在HTML中读取和解析JSON文件的实例。 首先,让我们了解HTML的基本结构。HTML文档由一系列标签组成,这些标签定义了页面的各个部分,如`&lt;html&gt;`、`&lt;head&gt;`、`&lt;body&gt;`...

    JavaScript根据json生成html表格的示例代码

    在这份文档中,主要介绍了如何使用JavaScript从JSON数据生成HTML表格的示例代码。这一过程涉及到JavaScript编程技术,HTML表格的结构,以及JSON数据格式的使用。下面我将详细地阐述这些知识点。 首先,文档提到创建...

    一个使用JSON-lib和json2.js的示例

    在上述的“一个使用JSON-lib和json2.js的示例”中,我们可以假设这是一个关于如何在Java后端与JavaScript前端之间通过JSON进行数据交互的教学示例。首先,开发者可能会在Java端使用JSON-lib来将处理后的业务数据转换...

    JSONF示例,JSON入门案例,JSON

    在这个"JSONF示例,JSON入门案例"中,我们有两个文件:`index.html`和`pro.php`。这个实例主要展示了如何通过AJAX(异步JavaScript和XML)从服务器端的PHP文件获取并处理JSON数据。 首先,`index.html`是一个HTML...

    html2json方案

    本篇文章将详细探讨“HTML2JSON”方案,即如何将HTML内容转换成JSON结构,以及这种转换在实际应用中的价值。 首先,我们需要理解HTML和JSON的基本特性。HTML是一种标记语言,用于构建和展示网页结构,它包含元素、...

    解析带有html标签的json数据

    在IT行业中,处理数据是日常任务之一,而JSON(JavaScript Object Notation)作为一种轻量级的数据交换格式,广泛用于Web服务和应用程序之间的数据传输。然而,有时这些JSON数据可能包含HTML标签,使得解析和处理变...

    文件上传和ajax获取json的小示例

    在这个示例中,上传的图片不仅被保存在服务器上,还可能被存入数据库。虽然数据库通常不用于存储大量二进制数据,如图片,但在某些情况下,存储文件的元信息(如文件名、类型、路径等)可以方便管理和检索。在数据库...

    有关JSON以及JSON在PHP中的应用

    在这个示例中,我们创建了一个包含姓名、年龄和是否为学生的PHP数组,然后使用`json_encode()`将其转换为JSON字符串。 ##### json_decode() 示例 ```php $jsonData = '{"name":"John Doe","age":30,"is_student":...

    在HTML5中使用json对象的示例代码.docx

    在这个示例中,我们探讨了如何在HTML5环境中使用JSON对象以及如何进行JSON与字符串的转换。 首先,JSON对象是一个JavaScript语法结构,用于存储和传输数据。在示例中,定义了一个名为`students`的对象,其中包含两...

    前端项目-json2html.zip

    在实际应用中,`json2html`可以与后端API结合,获取实时数据并生成动态HTML。也可以在客户端进行JSON到HTML的转换,实现单页应用(SPA)的局部刷新。此外,对于数据可视化或交互式网页,`json2html`也是一个强大的...

    jquery,json,php综合示例

    在本示例中,JSON可能会被用作Ajax请求的响应数据,jQuery则负责解析这些数据并更新页面。 PHP,全称Hypertext Preprocessor,是一种广泛使用的开源服务器端脚本语言,尤其适合Web开发。它可以嵌入到HTML中,用于...

    asp利用json的两个下拉框联动示例代码

    总的来说,这个示例展示了如何在ASP环境中结合JSON和AJAX实现动态交互功能,提高用户体验。通过理解和实践这样的示例,开发者可以更好地掌握服务器端与客户端之间的数据交换,以及如何在不刷新整个页面的情况下更新...

    javascript处理json字符串和json对象的类(含示例)

    总结来说,理解和熟练掌握JSON在JavaScript中的处理方法对于Web开发者至关重要,因为它是现代Web应用中数据交换的主要方式。`JSON.parse()`和`JSON.stringify()`是JavaScript处理JSON的核心工具,而实际项目中的HTML...

    Servlet简单应用示例

    在本示例中,我们将深入理解Servlet的简单应用,包括其工作原理、创建过程以及如何与客户端进行交互。 首先,Servlet是Java的一个接口,位于javax.servlet包中。开发人员需要实现Servlet接口或继承HttpServlet类来...

    JQuery中Json的使用示例

    在JavaScript的世界里,jQuery是一个广泛使用的库,它简化了DOM操作、事件处理和Ajax交互等任务。...在提供的压缩包文件"JQuery_Json"中,可能包含了演示如何在jQuery中使用JSON的代码示例,可以参考学习以加深理解。

    PHP实例开发源码—jQuery json搜索框输入提示示例.zip

    这个示例的目的是为了帮助开发者更好地理解如何在Web应用中创建交互式的用户体验,尤其是对于用户输入的实时反馈。 首先,让我们了解jQuery库。jQuery是一个流行的JavaScript库,它简化了HTML文档遍历、事件处理、...

    echarts全国、各省地理数据js及json格式(含参考示例).zip

    本压缩包中的资源专注于中国地图的地理数据,包括js和json格式,旨在帮助开发者在ECharts中绘制出精确的全国以及各省份的地图。 首先,我们要理解js和json格式的数据在ECharts中的作用。js文件通常包含了地图的配置...

    Java+Servlet+Jquery+Json基础示例

    在这个"Java+Servlet+Jquery+Json基础示例"中,我们可以看到如何将这四种技术融合在一起创建一个Web应用。首先,用户通过前端界面(HTML+CSS+Jquery)发送Ajax请求,Jquery负责包装和发送这些请求,通常是以Json格式...

    struts2的json插件配置详解(附示例strutsJson)

    Struts2是一个非常流行的Java Web框架,用于构建和维护可扩展且易于管理的企业级应用程序。在Struts2中,JSON...通过阅读提供的示例项目“strutsJson”,你可以更好地掌握这一功能,并将其应用于自己的项目中。

    jquery json java 入门示例

    在本示例中,可能包含了使用Servlet处理HTTP请求并返回JSON数据的代码。`doGet()`或`doPost()`方法通常用于接收请求,`response.getWriter().print()`用于向客户端发送响应。 综上所述,这个项目涵盖了前端的jQuery...

Global site tag (gtag.js) - Google Analytics