GVKun编程网logo

HTML的数据 转成 JSON数据中的 因HTML有大量"及其它特殊符号会把JSON字符串截断该怎么

23

如果您想了解HTML的数据转成JSON数据中的因HTML有大量"及其它特殊符号会把JSON字符串截断该怎么的相关知识，那么本文是一篇不可错过的文章，我们将为您提供关于ajax实现html显示在页面上，

如果您想了解HTML的数据 转成 JSON数据中的 因HTML有大量"及其它特殊符号会把JSON字符串截断该怎么的相关知识，那么本文是一篇不可错过的文章，我们将为您提供关于ajax实现html显示在页面上，html是后台拼接好的还是发过来的json数据、Ajax解析html、xml、json数据、FastJson 处理json数据中对象相互引用,最后转为json字符串出现占位符("$ref"标识循环引用)"的问题、html table表数据转Json格式示例代码_HTML/Xhtml_网页制作的有价值的信息。

本文目录一览：

HTML的数据 转成 JSON数据中的 因HTML有大量

HTML的数据 转成 JSON数据中的 因HTML有大量"及其它特殊符号会把JSON字符串截断该怎么

调用这个方法即可：
EncodeJsString
详情链接

ajax实现html显示在页面上，html是后台拼接好的还是发过来的json数据

ajax实现html显示在页面上，html是后台拼接好的还是发过来的json数据

要显示在页面上的是很多个div的html结构，直接显示在页面上某个div内部。这是之前页面上的代码。 $.ajax({ url : "/question", data : { menuid : function() { return iNo; } }, success:function(response){ $("#me_"+iNo).html(response); } });

Ajax解析html、xml、json数据

Ajax解析html、xml、json数据

ajax之helloWorld

myjsp.jsp

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<% String path = request.getcontextpath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %>
<html>
<head>
<script type="text/javascript"> window.onload = function(){ // 获取a节点，添加响应函数 document.getElementsByTagName("a")[0].onclick = function(){ // 创建一个XMLHttpRequest对象 var request = new XMLHttpRequest(); // 准备发送请求的url，及其发送方式(多用时间戳) var url = this.href+"?time"+new Date(); var method = "POST"; // 调用对象的open方法 request.open(method,url); //如果需要post则需要下面这行告诉符合编码方式 request.setRequestHeader("ContentType","application/x-www-form-urlencoded"); // 调用send方法 request.send("name='atguigu'"); // 对对象添加响应函数-该函数由服务器触发，不是用户触发，通知客户端当前的通讯状态 request.onreadystatechange = function(){ // 判断响应是否完成 if(request.readyState == 4){ // 判断响应是否可用 if(request.status == 200 || request.status == 304){ // 打印响应结果 alert(request.responseText); } } } // 取消a节点的默认行为 return false; } } </script>
  </head>
  <body>
    <a href="helloAjax.txt">HelloAjax</a>
  </body>
</html>

不通过超链接的方式获取文本，而是通过打印的方式获取—这个案例手敲代码

html数据交互格式

andy.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<Meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<h2><a href="mailto:andy@clearleft.com">Andy Budd</a></h2>
<a href="http://andybudd.com/">http://andybudd.com/</a>
</body>
</html>

myjsp.jsp

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">  
<head>
  <Meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <script type="text/javascript"> window.onload = function(){ var aNodes = document.getElementsByTagName("a"); for(var i = 0;i < aNodes.length;i++){ aNodes[i].onclick = function(){ var request = new XMLHttpRequest(); var method = "GET"; var url = this.href; request.open(method,url); request.send(null); request.onreadystatechange = function(){ if(request.readyState == 4){ if(request.status == 200 || request.status == 304){ document.getElementById("details").innerHTML = request.responseText; } } } return false; } } } </script>
</head>
<body>
  <h1>People</h1>
  <ul>
    <li>
      <a href="andy.html">Andy</a>
    </li>

  </ul>
  <div id="details"></div>
</body>
</html>

xml数据交互格式

andy.xml

<?xml version="1.0" encoding="utf-8"?>
<details>
  <name>Andy Budd</name>
  <website>http://andybudd.com/</website>
  <email>andy@clearleft.com</email>
</details>

myjsp.jsp

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">  
<head>
  <Meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <script type="text/javascript"> window.onload = function(){ var aNodes = document.getElementsByTagName("a"); for(var i = 0;i < aNodes.length;i++){ aNodes[i].onclick = function(){ var request = new XMLHttpRequest(); var method = "GET"; var url = this.href; request.open(method,url); request.send(null); request.onreadystatechange = function(){ if(request.readyState == 4){ if(request.status == 200 || request.status == 304){ var result = request.responseXML; var name = result.getElementsByTagName("name")[0].firstChild.nodeValue; var website = result.getElementsByTagName("website")[0].firstChild.nodeValue; var email = result.getElementsByTagName("email")[0].firstChild.nodeValue; alert(name); alert(website); alert(email); /** <h2><a href="mailto:andy@clearleft.com">Andy Budd</a></h2> <a href="http://andybudd.com/">http://andybudd.com/</a> */ var aNode = document.createElement("a"); aNode.appendChild(document.createTextNode(name)); aNode.href = "mailto" + email; var h2Node = document.createElement("h2"); h2Node.appendChild(aNode); var aNode2 = document.createElement("a"); aNode2.appendChild(document.createTextNode(website)); aNode2.href = website; var detailsNode = document.getElementById("details"); detailsNode.innerHTML = "sss"; detailsNode.appendChild(h2Node); detailsNode.appendChild(aNode2); } } } return false; } } } </script>
</head>
<body>
  <h1>People</h1>
  <ul>
    <li>
      <a href="andy.xml">Andy</a>
    </li>
    <li>
      <a href="richard.xml">Richard</a>
    </li>
    <li>
      <a href="jeremy.xml">Jeremy</a>
    </li>
  </ul>
  <div id="details"></div>
</body>
</html>

gson字符串转为对象

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">  
<head>
  <Meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <script type="text/javascript"> var jsonObject = { "name":"atguigu","age":"12","address":{"city":"BeiJing","school":"尚硅谷"},"teaching":function(){ alert("javaee,android"); } }; alert(jsonObject.name); alert(jsonObject.address.city); jsonObject.teaching(); //eval可以把一个字符串转为js代码来执行 var testStr = "alert('hello eval')"; eval(testStr); //json字符串转为对象 var jsonStr = "{'name':'atguigu'}"; var testObject = eval("("+jsonStr+")"); alert(testObject.name); </script>
</head>
<body>
</body>
</html>

gson数据交互格式

andy.js

{"person":{ "name":"Andy Buddddd","website":"http://andybudd.com/","email":"andy@clearleft.com"} }

myjsp.jsp

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">  
<head>
  <Meta http-equiv="content-type" content="text/html; charset=utf-8" />
   <script type="text/javascript"> window.onload = function(){ var aNodes = document.getElementsByTagName("a"); for(var i = 0;i < aNodes.length;i++){ aNodes[i].onclick = function(){ var request = new XMLHttpRequest(); var method = "GET"; var url = this.href; request.open(method,url); request.send(null); request.onreadystatechange = function(){ if(request.readyState == 4){ if(request.status == 200 || request.status == 304){ var result = request.responseText; var object = eval("(" + result + ")"); var name = object.person.name; var website = object.person.website; var email = object.person.email; alert(name); alert(website); alert(email); var aNode = document.createElement("a"); aNode.appendChild(document.createTextNode(name)); aNode.href = "mailto" + email; var h2Node = document.createElement("h2"); h2Node.appendChild(aNode); var aNode2 = document.createElement("a"); aNode2.appendChild(document.createTextNode(website)); aNode2.href = website; var detailsNode = document.getElementById("details"); detailsNode.innerHTML = ""; detailsNode.appendChild(h2Node); detailsNode.appendChild(aNode2); } } } return false; } } } </script>

</head>
<body>
  <h1>People</h1>
  <ul>
    <li>
      <a href="andy.js">Andy</a>
    </li>

  </ul>
  <div id="details"></div>
</body>
</html>

提示：andy.js在javaee编译器上报红叉，运行结果异常

FastJson 处理json数据中对象相互引用,最后转为json字符串出现占位符(

FastJson 处理json数据中对象相互引用,最后转为json字符串出现占位符("$ref"标识循环引用)"的问题

FastJson 值相互引用,最后转为json字符串出现占位符的问题

环境

fastjson 1.2.41

问题说明

FastJson 问题
在json对象中有多个地方引用了相同的对象,在经过几次转换转为json字符串的时候会出现占位符,
然后使用fastjson 解析字符串也能正确解析,但使用其他json类库解析,无法正常还原数据,还是占位符

测试代码

/**  * FastJson 问题  * 测试 JSONArray(几个元素有关联,引用了相同得对象) -> 转为List -> 加入到 JSONObject 中 -> 最后转为 json 字符串 打印的时候(最后一步得时候会出现占位符)  * -> 然后再转为 JSONObject 的时候,非FastJson解析会出现问题(fastJson 解析正常,但是其他json类库处理时,不会对占位符处理,最后直接就原样的将值解析成占位符)  * 测试  * testTransfer1 仅仅数据一样,但是实际上是几个不同的对象(数据相同,对象不同),经过上述变化,未出现占位符  * testTransfer2 是从某一元素上取得数据(同一个对象,在json对象中,多个地方都有引用)在添加到该jsonArray 上,经过上述变化,会出现占位符  */ @Test public void name() {//  testTransfer1();  testTransfer2(); } private void testTransfer1() {//  [{"one":1,"two":2,"tickets":[{"one":2,"two":3},{"one":3,"two":4}]},{"one":2,"two":3},{"one":3,"two":4}]  String str = "[{\"one\":1,\"two\":2,\"tickets\":[{\"one\":2,\"two\":3},{\"one\":3,\"two\":4}]},{\"one\":2,\"two\":3},{\"one\":3,\"two\":4}]";  JSONArray array = JSON.parseArray(str);  List<Object> objects = array.toJavaList(Object.class);  JSONObject object = new JSONObject();  object.put("list", objects);  System.out.println(object);  // 经过测试发现如果,不直接用从某个元素中取数据,在添加到该jsonArray 本身,即使他们数据有重合的(数据相同,但不是同一个对象),也不会出现 占位符的现象 } private void testTransfer2() {//   [{"one":1,"two":2,"tickets":[{"one":2,"two":3},{"one":3,"two":4}]]  String str = "[{\"one\":1,\"two\":2,\"tickets\":[{\"one\":2,\"two\":3},{\"one\":3,\"two\":4}]}]";  JSONArray array = JSON.parseArray(str);  // 这里添加  JSONArray tickets = array.getJSONObject(0).getJSONArray("tickets");  for (int i = 0; i < tickets.size(); i++) {   array.add(tickets.get(i));  }  List<Object> list = array.toJavaList(Object.class);//  以下代码说明 FastJson 在之后 转为 json 字符串 ,然后再解析为 json 对象时处理正常(能正常解析)  JSONObject object = new JSONObject();  object.put("list",list);  String jsonS.........

html table表数据转Json格式示例代码_HTML/Xhtml_网页制作

html table表数据转Json格式示例代码_HTML/Xhtml_网页制作

表数据转 Json 格式的javascript函数如下

复制代码
代码如下:

<script> <br />var keysArr = new Array("key0", "key1","key2"); <br />function TableToJson(tableid) { //tableid是你要转化的表的表名，是一个字符串，如"example" <br />var rows = document.getElementById(tableid).rows.length; //获得行数(包括thead) <br />var colums = document.getElementById(tableid).rows[0].cells.length; //获得列数 <br />var json = "["; <br />var tdValue; <br />for (var i = 1; i < rows; i++) { //每行 <br />json += "{"; <br />for (var j = 0; j < colums; j++) { <br />tdName = keysArr[j]; //Json数据的键 <br />json += "\""; //加上一个双引号 <br />json += tdName; <br />json += "\""; <br />json += ":"; <br />tdValue = document.getElementById(tableid).rows[i].cells[j].innerHTML;//Json数据的值 <br />if (j === 1) {//第1列是日期格式，需要按照json要求做如下添加 <br />tdValue = "\/Date(" + tdValue + ")\/"; <br />} <br />json += "\""; <br />json += tdValue; <br />json += "\""; <br />json += ","; <br />} <br />json = json.substring(0, json.length - 1); <br />json += "}"; <br />json += ","; <br />} <br />json = json.substring(0, json.length - 1); <br />json += "]"; <br />return json; <br />} <br /></script>

关于HTML的数据 转成 JSON数据中的 因HTML有大量"及其它特殊符号会把JSON字符串截断该怎么的问题就给大家分享到这里，感谢你花时间阅读本站内容，更多关于ajax实现html显示在页面上，html是后台拼接好的还是发过来的json数据、Ajax解析html、xml、json数据、FastJson 处理json数据中对象相互引用,最后转为json字符串出现占位符("$ref"标识循环引用)"的问题、html table表数据转Json格式示例代码_HTML/Xhtml_网页制作等相关知识的信息别忘了在本站进行查找喔。

本文标签：

上一篇SpringMVC @ResponseBody返回json的问题（springmvc中返回json数据）

下一篇fastJson结合Nutz.Mapl的进阶应用（fastjson map）

相关文章