Jquery读取json文件和xml文件以及解析
2017-01-10 22:43
330 查看
这个操作还是比较简单的,就得加深记忆了,再次记录:
1,首先在这两步之前都需要先引入jquery的js进入jsp或者html
2,然后再说读取json文件,这个很简单,以ajax的方式get请求,datatype可写可不写,因为在请求的时候有关于消息头自动解析读取即可返回就是json数据,如果设置为text则返回的就是字符串,不是json
例子:
$(function(){
$.ajax({
url:'../js/chinaall.json',
type:'get',
dataType:'json',
success:function(data){
alert(JSON.stringify(data));
}
});
}
3,读取解析XML文件,还是以ajax的方式get请求datatype为xml或者不写,但是主要请求完成后回调函数里的值是不能够直接显示的,需要进行jquery解析用$(参数)生成可操作的jquery对象,然后再去用操作jquery元素的方式去遍历解析即可,网上资料查到的是用find,children,each等去遍历解析,但是本人测试发现,基本所有的jquery操作都可以执行。
例子:
var location=[];
var lslo="";
$.ajax({
url:'../js/map/svgmap/alldata.svg',
type:'get',
// dataType:'xml',
success:function(xml){
var dom = $(xml);
var test =dom.find("path").eq(0).attr("name");
alert(test);
dom.find("path").each(function(){
lslo=$(this).attr("d");
lslo=lslo.split("M")[1].split("c")[0];
var ls={
'name':$(this).attr("name"),
'locat':lslo
}
location.push(ls);
});
alert(JSON.stringify(location));
console.log(JSON.stringify(location));
}
});
1,首先在这两步之前都需要先引入jquery的js进入jsp或者html
2,然后再说读取json文件,这个很简单,以ajax的方式get请求,datatype可写可不写,因为在请求的时候有关于消息头自动解析读取即可返回就是json数据,如果设置为text则返回的就是字符串,不是json
例子:
$(function(){
$.ajax({
url:'../js/chinaall.json',
type:'get',
dataType:'json',
success:function(data){
alert(JSON.stringify(data));
}
});
}
3,读取解析XML文件,还是以ajax的方式get请求datatype为xml或者不写,但是主要请求完成后回调函数里的值是不能够直接显示的,需要进行jquery解析用$(参数)生成可操作的jquery对象,然后再去用操作jquery元素的方式去遍历解析即可,网上资料查到的是用find,children,each等去遍历解析,但是本人测试发现,基本所有的jquery操作都可以执行。
例子:
var location=[];
var lslo="";
$.ajax({
url:'../js/map/svgmap/alldata.svg',
type:'get',
// dataType:'xml',
success:function(xml){
var dom = $(xml);
var test =dom.find("path").eq(0).attr("name");
alert(test);
dom.find("path").each(function(){
lslo=$(this).attr("d");
lslo=lslo.split("M")[1].split("c")[0];
var ls={
'name':$(this).attr("name"),
'locat':lslo
}
location.push(ls);
});
alert(JSON.stringify(location));
console.log(JSON.stringify(location));
}
});
相关文章推荐
- jquery读取xml文件&js读取xml文件
- Xml文件读取与配置文件解析方法比较
- Java乔晓松-使用SAX,DOM,pull解析XML文件以及pull解析生成xml文件
- jQuery中读取json文件示例代码
- json数据解析与JAVA对象转换以及在JQUERY中的使用
- jQuery 行级解析读取XML文件(附源码)
- 解决php中json中文乱码以及JQuery读取中文乱码的问题
- jquery无法读取json文件问题
- jQuery中读取json文件
- jQuery中读取json文件示例代码
- Dom解析是将xml文件全部载入,组装成一颗dom树,然后通过节点以及节点之间的关系来解析xml文件,下面结合这个xml文件来进行dom解析。
- 用jquery解析JSON数据的方法以及字符串转换成json的3种方法 .
- 用Jaxp包中的SAX技术对XML文件进行解析并完成对文件的读取操作.doc
- struts2 + ajax(由前台的form提交数据到后台,再根据form所调用返回获取的后台json格式的数据返回到前端,然后前端用jquery对json数据进行解析)==》》涉及文件上传的部分
- silverlight动态读取txt文件/解析json数据/调用wcf示例
- java类:读文件类, 读取、创建xml文件, 填充jsp文件,数据转换为json类型
- jom写文件实现,jdom读取XML文件,解析某一element并改值存入文
- jQuery行级解析读取XML文件(附源码)
- jquery读取json文件二款实例代码(1/2)
- cocos2d-x 读取 json 文件并用 jsoncpp 做解析