您的位置:首页 > Web前端 > JavaScript

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"}]
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: