分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

JsonToHtml

发布时间:2023-09-06 02:30责任编辑:沈小雨关键词:暂无标签
<!DOCTYPE html> ?????<html lang="en"> ?????<head> ?????????<meta charset="UTF-8"> ?????????<title>js实现xml转json和json转xml</title> ???????<style type="text/css"> ???????????html,body{width:100%;height:100%;margin:0;} ????????</style> ???</head> ?????<body> ??????????<textarea id="xml" style="width:45%;height:700px;"></textarea> ?????<textarea id="json" style="width:45%;height:700px;"></textarea> ?????<button id="tojson">xml转json</button> ?????<button id="toxml">json转xml</button></body> ?????</html><script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js"></script> ???<script type="text/javascript" src="http://www.jsons.cn/Down/jquery.json2xml.js"></script><script type="text/javascript" src="http://www.jsons.cn/Down/jquery.xml2json.js"></script><script type="text/javascript"> //参考链接:http://www.jsons.cn/articleinfo/8/ $(function(){ ?$("#tojson").click(function(){ ???var str=$("#xml").val(); ???var json_obj = $.xml2json(str); ???console.log(json_obj); ???$("#json").val(JSON.stringify(json_obj)); ?}); ?$("#toxml").click(function(){ ???var str=$("#json").val(); ???str=JSON.parse(str); ???var xml_content = $.json2xml(str); ???console.log(xml_content); ???$("#xml").val(xml_content); ?}); });</script> 

JsonToHtml

原文地址:https://www.cnblogs.com/raorao1994/p/10270498.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved