Js+XML字符串 操作并转成json格式字符串

最新推荐文章于 2024-03-28 10:01:04 发布
最新推荐文章于 2024-03-28 10:01:04 发布
阅读量1k 收藏
点赞数
分类专栏： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/snihcel/article/details/11186113
版权

<%@ page language="java" contentType="text/html; charset=UTF-8"
 pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<!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>信息检搜索</title>
<script src="${ctx}/script/jquery/jquery-1.3.2.min.js" type="text/javascript"></script>
<link href="${ctx}/script/ligerUI_V1.2.0/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css" />
<script src="${ctx}/script/ligerUI_V1.2.0/js/core/base.js" type="text/javascript"></script>
<script src="${ctx}/script/ligerUI_V1.2.0/js/plugins/ligerGrid.js" type="text/javascript"></script> 
<script src="${ctx}/script/ligerUI_V1.2.0/CustomersData.js" type="text/javascript"></script>
<script src="${ctx}/script/json.js" type="text/javascript"></script>

</head>
    <script type="text/javascript">
   
    $(function () {
     var htmlStr=$("#resultId").val();
     var htmlStr=xmlToJson(htmlStr);
      var jsonobj=eval(htmlStr);
     var obj={Rows:jsonobj,Total:jsonobj.length};
        $("#maingrid4").ligerGrid({
            checkbox: true,
            columns: [
            { display: '数据源', name: 'tableName', align: 'left', width: 120 },
            { display: '数据', name: 'results', minWidth: 60 }
            ],
            pageSize:30,
            data:obj,//CustomersData,
            width: '100%',height:'97%'
        });


        $("#pageloading").hide();
    });
    </script>

<body style="padding:6px; overflow:hidden;">
关键词：${keyWords }
<br/>

<script  type="text/javascript">
loadXML = function(xmlString){
    var xmlDoc=null;
    //判断浏览器的类型
    //支持IE浏览器
    if(!window.DOMParser && window.ActiveXObject){   //window.DOMParser 判断是否是非ie浏览器
        var xmlDomVersions = ['MSXML.2.DOMDocument.6.0','MSXML.2.DOMDocument.3.0','Microsoft.XMLDOM'];
        for(var i=0;i<xmlDomVersions.length;i++){
            try{
                xmlDoc = new ActiveXObject(xmlDomVersions[i]);
                xmlDoc.async = false;
                xmlDoc.loadXML(xmlString); //loadXML方法载入xml字符串
                break;
            }catch(e){
            }
        }
    }
    //支持Mozilla浏览器
    else if(window.DOMParser && document.implementation && document.implementation.createDocument){
        try{
            /* DOMParser 对象解析 XML 文本并返回一个 XML Document 对象。
             * 要使用 DOMParser，使用不带参数的构造函数来实例化它，然后调用其 parseFromString() 方法
             * parseFromString(text, contentType) 参数text:要解析的 XML 标记 参数contentType文本的内容类型
             * 可能是 "text/xml" 、"application/xml" 或 "application/xhtml+xml" 中的一个。注意，不支持 "text/html"。
             */
            domParser = new  DOMParser();
            xmlDoc = domParser.parseFromString(xmlString, 'text/xml');
        }catch(e){
        }
    }
    else{
        return null;
    }

    return xmlDoc;
}

function xmlToJson(xmlStr)
{
 var xmldoc=loadXML(xmlStr);
 var jsonStr="{Rows:[{\"Country\":\"Spain\",\"Phone\":\"(95) 555 82 82\"},{\"Country\":\"Spain\",\"Phone\":\"(95) 555 82 82\"}],Total:91};";
     jsonStr="";
    var eTable = xmldoc.getElementsByTagName("Table");
    for (var i = 0; i < eTable.length; i++) {
         var eResult = eTable[i].getElementsByTagName("Result");
         var tableName = eTable[i].getAttribute("name");
         for(var j=0;j<eResult.length;j++)
           {
         var results=eResult[j].firstChild.nodeValue;
       var htmls="{\"tableName\":\""+tableName+"\",\"results\":\""+results+"\"},";
   jsonStr+=htmls;
        }
        }
  if(jsonStr.length>0)
  {
   jsonStr=jsonStr.substr(0,jsonStr.length-1);
   }
  //jsonStr="'{Rows:["+jsonStr+"],Total:"+counts+"};'";
  jsonStr="["+jsonStr+"]";
  //alert(jsonStr);
  return jsonStr;
 }
 
function test()
{
 var html=$("#resultId").val();
     html=xmlToJson(html);
 $("#resultId").val(html);
 var obj = JSON.parse(html);
 for(var p in obj){//遍历json对象的每个key/value对,p为key
     alert(p + " | " + obj[p]);
  }
 }
</script>
<textarea name="resultId" id="resultId" rows="10" cols="50">
<Results>  //根标签
  <Table name="eeee">  //每一个资源对应一个 Table 标签
    <Result>aaaa</Result> //每一条记录对应一个Result 标签
    <Result>bbb</Result> //每一条记录对应一个Result 标签
    <Result>ccc</Result> //每一条记录对应一个Result 标签
    <Result>ddd</Result> //每一条记录对应一个Result 标签
    <Result>ddd</Result> //每一条记录对应一个Result 标签  
    <Result>aaaa</Result> //每一条记录对应一个Result 标签
    <Result>bbb</Result> //每一条记录对应一个Result 标签
    <Result>ccc</Result> //每一条记录对应一个Result 标签
    <Result>ddd</Result> //每一条记录对应一个Result 标签
    <Result>ddd</Result> //每一条记录对应一个Result 标签
  </Table>
    <Table name="qqqqq">  //每一个资源对应一个 Table 标签
    <Result>aaaa</Result> //每一条记录对应一个Result 标签
    <Result>bbb</Result> //每一条记录对应一个Result 标签
    <Result>ccc</Result> //每一条记录对应一个Result 标签
    <Result>ddd</Result> //每一条记录对应一个Result 标签
    <Result>ddd</Result> //每一条记录对应一个Result 标签  
    <Result>aaaa</Result> //每一条记录对应一个Result 标签
    <Result>bbb</Result> //每一条记录对应一个Result 标签
    <Result>ccc</Result> //每一条记录对应一个Result 标签
    <Result>ddd</Result> //每一条记录对应一个Result 标签
    <Result>ddd</Result> //每一条记录对应一个Result 标签
  </Table>
    <Table name="wwww">  //每一个资源对应一个 Table 标签
    <Result>aaaa</Result> //每一条记录对应一个Result 标签
    <Result>bbb</Result> //每一条记录对应一个Result 标签
    <Result>ccc</Result> //每一条记录对应一个Result 标签
    <Result>ddd</Result> //每一条记录对应一个Result 标签
    <Result>ddd</Result> //每一条记录对应一个Result 标签  
    <Result>aaaa</Result> //每一条记录对应一个Result 标签
    <Result>bbb</Result> //每一条记录对应一个Result 标签
    <Result>ccc</Result> //每一条记录对应一个Result 标签
    <Result>ddd</Result> //每一条记录对应一个Result 标签
    <Result>ddd</Result> //每一条记录对应一个Result 标签
  </Table>
</Results>
</textarea>
<input type="button" value="提交" οnclick="test();">
<div id="message" style="width:800px"></div>
<div class="l-loading" style="display:block" id="pageloading"></div>
  <form>
    <div id="maingrid4" style="margin:0; padding:0"></div>
  </form>


  <div style="display:none;">
 
</div>
 
</body>

</html>

 

snihcel
关注
专栏目录
jQuery.parseXML()-javascript-将xml字符串转为对象-解析数据内容-转为Json
插件开发
10-05 408
.parseXML() 函数用于将字符串解析为对应的XML文档。提示：该函数将使用浏览器内置的解析函数来创建一个有效的XML文档，该文档可以传入jQuery()函数来创建一个典型的jQuery对象，从而对其进行遍历或其他操作。$ xml.find(‘root’). html()将xml对象转为字符串。jquery方式访问xml数据，并可以修改xml对象内容。XMLSerializer将xml对象转为字符串。将XML转为Json。
通过js把xml转化成json
06-26
在使用Ajax的时候，通常是将数据以XML的格式返回客户端，然后使用Javascript解析DOM结构。但W3C自带的方法和属性在操作的时候不是很方便。从网上找到一个SoftXMLLib.js，提供了使用XPATH访问节点的方式。对于复杂结构的XML是比较合适的。处理一般的XML，可以通过以下的方法，将XML转换成JSON后，访问节点的时候格式很简单。
javascript xml字符串转为json对象
12-10 356
var xmlStr = '<?xml version="1.0" encoding="utf-8" ?><config><name>potatog</name><age>18</age><sex><man>1</man><wman>0</wman></sex></config>'; var jsonObj = xmlStrToJsonObj(x...
[js] js 将字符串xml 转成 json对象
boys1999的专栏
04-21 5384
//解析xml字符串变量为IXMLDOMDocument2 function parseXML(data) { var xml, tmp; if (window.DOMParser) { // Standard tmp = new DOMParser(); xml = tmp.parseFromString(data, "text/xml");
XML字符串解析成JSON字符串Javascript实现
buyue
06-08 385
官方 使用说明 js文件 // ======================================================================== // XML.ObjTree -- XML source code from/to JavaScript object like E4X // ======================================================================== if ( typeof(XML) ==
将string类型xml字符串转为json字符串
09-23
总结来说，将string类型的XML字符串转换为JSON字符串是通过解析XML字符串并构建相应的JSON对象来完成的。这个过程通常需要借助特定的库，如Java中的`org.json`。理解XML和JSON的结构差异，以及如何利用这些库进行...
微信小程序-xml字符串转换json格式，适用于微信小程序
08-06
xml字符串转换json格式 可用于微信小程序xml字符串转换json格式 安装 npm方式安装 npm install --save xmlstring2json bower方式安装 bower install xmlstring2json 用法示例： bookstore.xml文件 <title>...
实例详解JSON数据格式及json格式数据域字符串相互转换
01-19
JSON(JavaScript Object Notation)是一种轻量级的数据交换格式。JSON采用完全独立于语言的文本格式，这些特性使JSON成为理想的数据交换语言。易于人阅读和编写，同时也易于机器解析和生成。 基础结构 JSON建构于两种...
java对象转换为json字符串或字符串数组
07-12
在Java开发中，将Java对象转换为JSON字符串或字符串数组是一项常见的任务，特别是在与前端交互、数据存储或者网络传输时。JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，易于人阅读和编写，同时也...
js实现的xml对象转json功能示例
11-26
本文实例讲述了js实现的xml对象转json功能。分享给大家供大家参考，具体如下： 支持无限级别xml结构对象转json，并且支持任意标签属性转json（兼容ie8等浏览器） xml字符串转xml对象： function loadXml(str) { if (str == null) { return null; } var doc = str; try{ doc = createXMLDOM(); doc.async = false; doc.loadXML(str); }catch(e){ doc = $.parseXML(str);
js将键值对字符串转为json字符串的方法
12-03
要转化的键值对字符 var respDesc=“cardid=64157001&cardnum=1&sporder_id=PD12160428120635001&sporder_time=20160526101552”； var newstr = respDesc.replace("=",":\""); var stringObj= "{" +newstr.replace("&","\",") + "\"}"; 以上这篇js将键值对字符串转为json字符串的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持软件开发网。
源生javascript将xml转换成json格式
qq_32550037的博客
11-04 1131
这是我第一次写博客哈，代码可能不是很规范，可能会有一些小BUG。支持xml文件内嵌json格式支字符串。闲话不多说，直接上代码。function xmlToJson(xml) { var obj = {}; if(xml.childNodes.length!=0){//判断子节点为1个且为文本节点，将值赋给json对象，childNodes会把文本识别为文本节点所以取子节点的va
前端xml字符串转换json数据
qq_36678194的博客
02-24 477
前端xml字符串转换json数据
JS中简单实现 xml转json 导入即可使用
web全栈开发的博客
11-11 1812
JS中超级简单xml转json 导入即可使用在网上找了一大队xml转换json 都是又长有不可用，乱七八糟 最后只能自己些了简单方便，传入即可使用运行效果 如图。
前端项目：XML字符串 与 JSON 字符串 互转
最新发布
Smile_Gently的博客
03-28 616
1. 安装依赖： npm 或 yarn。2. vue2 或 vue3 全局使用。3. vue2 或 vue3 局部使用。
js 把字符串转成json对象的三种方法
热门推荐
Lucky小黄人的博客
01-29 1万+
js 把字符串转成json对象的三种方法 不管字符串是否含有转义字符，都能转换成 Json 对象 1, js自带的eval函数，其中需要添加小括号eval('('+str+')'); function strToJson(str){ var json = eval('(' + str + ')'); return json; } 2,new Function形式 function str...
javascript 将xml字符串转换成json对象
Cooky的博客
12-21 2687
xml字符串转换，首先要把字符串转换成dom对象，再从dom对象里获取你要的参数，可用getElementsByTagName之类的方法。以下是2个xml字符串转成dom对象的方法 方法1：loadXML: function(xmlString) { var xmlDoc = null; try //Internet Explorer { xmlDoc =
javaScript实现XML字符串转换JSON格式数据
特困生Kuel的博客
12-22 635
/** * xml字符串转换xml对象数据 * @param {Object} xmlStr */ function xmlStr2XmlObj(xmlStr) { var xmlObj = {}; if (document.all) { var xmlDom = new ActiveXObject("Microsoft.XMLDOM"); xmlDom.loadXML(xmlStr); xmlObj = xmlDom; } else { xmlObj = new DOMParser().parseFrom
JavaScript XML操作：解析文件与字符串用于支付接口
"Js+XML 操作应用：JS解析XML文件和XML字符串，常用于支付接口。此代码已亲测可用。" 在JavaScript中，XML（eXtensible Markup Language）通常用于数据交换，特别是在Web服务和旧版的前后端交互中。本示例主要展示...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值