ajax解析xml数据转换为json
2016-06-18 16:42
537 查看
1.xml数据:
<?xml version="1.0" encoding="utf-8"?>
<root>
<username><![CDATA[zhangsan's]]></username>
<sex>man</sex>
<username><![CDATA[lisi<zhangsan]]></username>
<sex>woman</sex>
</root>
2.ajax处理:
<script src='jquery-1.7.2.min.js'></script>
<script>
$(document).ready(function () {
$.ajax({
type: "GET", //设置请求格式
url: "xml.xml", //请求路径
dataType: "xml", //声明xml格式
success: function (ResponseText) {
var length= $(ResponseText).find('username').size(); //获取数据长度
//获取对象
var username = $(ResponseText).find('username');
var sex = $(ResponseText).find('sex');
//拼接json字符串
var str = '[';
for(var i=0;i<length;i++){
str+='{"name":"'+username.eq(i).text()+'","sex":"'+sex.eq(i).text()+'"},';
}
//截取最后一个 ,
str = str.substring(0,str.length-1);
str+=']';
//替换特殊字符
str = str.replace('<','<');
$('#div').html(str);
}
});
});
</script>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div id='div'></div>
</body>
</html>
3.效果:
[{"name":"zhangsan's","sex":"man"},{"name":"lisi<zhangsan","sex":"woman"}]
<?xml version="1.0" encoding="utf-8"?>
<root>
<username><![CDATA[zhangsan's]]></username>
<sex>man</sex>
<username><![CDATA[lisi<zhangsan]]></username>
<sex>woman</sex>
</root>
2.ajax处理:
<script src='jquery-1.7.2.min.js'></script>
<script>
$(document).ready(function () {
$.ajax({
type: "GET", //设置请求格式
url: "xml.xml", //请求路径
dataType: "xml", //声明xml格式
success: function (ResponseText) {
var length= $(ResponseText).find('username').size(); //获取数据长度
//获取对象
var username = $(ResponseText).find('username');
var sex = $(ResponseText).find('sex');
//拼接json字符串
var str = '[';
for(var i=0;i<length;i++){
str+='{"name":"'+username.eq(i).text()+'","sex":"'+sex.eq(i).text()+'"},';
}
//截取最后一个 ,
str = str.substring(0,str.length-1);
str+=']';
//替换特殊字符
str = str.replace('<','<');
$('#div').html(str);
}
});
});
</script>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div id='div'></div>
</body>
</html>
3.效果:
[{"name":"zhangsan's","sex":"man"},{"name":"lisi<zhangsan","sex":"woman"}]
相关文章推荐
- 【drp 10】JSP页面中model1和model2的区别
- 【drp 10】JSP页面中model1和model2的区别
- (二)JavaScript中的面对对象
- javaScript知识点大全
- javascript 解析json数据获取到item和value
- JavaScript 严格模式 use strict
- javascript如何设置DIV背景色为随机色
- 再次被JS气炸——<script>引用的位置
- json 转换篇
- javascript 特效实现(1)——展开选项和收起效果
- JSON
- js图片预览
- json-c库使用总结
- Jsoncpp的使用
- (一)JavaScript基本了解
- Javascript经验总结
- json字符串转换为xml格式输出
- 正则表达式参考大全
- 反射实现对象转json格式字符串
- 从js向Action传中文参数出现乱码问题的解决方法