`

Jquery解析JSON和XML示例

 
阅读更多

我来分享下今天用Jquery自己写的对调用ajax返回的JSON数据格式和XML数据格式处理的方法:

1.解析JSON数据,代码如下:

 

//设置申请人其他信息
function setApplyPersonInfo(){
	
	var applyEmpId = $("#whir"+"\\$"+"t3060_f3457_Id").val();	
	$.ajax({
		url: "/defaultroot/devform/workflow/it_addaccounts_ajax.jsp",
		type: "post",
		data: {empId:applyEmpId},
		dataType:"json",
		async:false,
		success:function(data){			 
			//alert(data[0].idCode);//多条数据格式,亦可通过jQuery循环;
			//alert("code:"+data.idCode);//多条数据格式,亦可通过jQuery循环;
			$("#whir"+"\\$"+"t3060_f3458").val(data.idCode);//itcode
			$("#whir"+"\\$"+"t3060_f3459").val(data.phone);//联系方式
			$("#whir"+"\\$"+"t3060_f3462").val(data.orgName);//申请部门
			$("#whir"+"\\$"+"t3060_f3463").val(data.orgCode);//部门编码			
		},
		error:function(XMLHttpRequest, textStatus, errorThrown) { 
			alert("Getting PersonInfo Error!"); 
		}
		
	  });
}

 JSP脚本如下:

//id,workstatus
String tmp="";
if(result!=null && result.length>0 ){
	//tmp=result[0]+","+result[1]+","+result[2]+","+result[3];//idcode,orgName,orgCode,phone
   //----------多条数据JSON格式 [{},{},....].start
   //tmp+="[{";
   //tmp+="\"idCode\":"+"\""+result[0]+"\",";
   //tmp+="\"orgName\":"+"\""+result[1]+"\",";
   //tmp+="\"orgCode\":"+"\""+result[2]+"\",";
   //tmp+="\"phone\":"+"\""+result[3]+"\"";
   //tmp+="}]";
   // ----------多条数据JSON格式 [{},{},....].end
   //----------单条数据JSON格式 {"id":"1","name":"dongxf",...}start
   tmp+="{";
   tmp+="\"idCode\":"+"\""+result[0]+"\",";
   tmp+="\"orgName\":"+"\""+result[1]+"\",";
   tmp+="\"orgCode\":"+"\""+result[2]+"\",";
   tmp+="\"phone\":"+"\""+result[3]+"\"";
   tmp+="}";
	
}

//System.out.println("===tmp:"+tmp);
out.clear();
out.print(tmp);

 2.解析XML数据,代码如下:

 

//设置所属应用人信息
function setApplyAppInfo(){
	
	var appName = $("#whir"+"\\$"+"t3060_f4577").val();
	
	$.ajax({
		url: "/defaultroot/devform/workflow/it_addapps_ajax.jsp",
		type: "post",	
		data:{appName:appName},		
		dataType: ($.browser.msie) ? "text" : "xml", //接受数据格式  	
		async:false,
		success:function(data){
			
			var xml;  
            if (typeof data == "string") {            	
                 xml = new ActiveXObject("Microsoft.XMLDOM");////ie6,ie7需要,firefox,ie8不需要  
                 xml.async = false;
                 xml.loadXML(data);
            } else {
                 xml = data;                
            }
            var managerNumber = $(xml).find("managerNumber").eq(0).text();
            var managerName = $(xml).find("managerName").eq(0).text();           
            $("#whir"+"\\$"+"t3060_f4579").val(managerNumber);//系统管理员编号
            $("#whir"+"\\$"+"t3060_f4578").val(managerName);//系统管理员姓名
           
		},
		error:function(XMLHttpRequest, textStatus, errorThrown) { 
			alert("Getting AppInfo Error!");
		}
		
	  });
}

 

String tmp="";
if(result!=null && result.length>0 ){
	//tmp=result[0]+","+result[1]+","+result[2]+","+result[3];//idcode,orgName,orgCode,phone
   
   
	//----------多条数据JSON格式 [{},{},....].start
   //tmp+="[{";
   //tmp+="\"idCode\":"+"\""+result[0]+"\",";
   //tmp+="\"orgName\":"+"\""+result[1]+"\",";
   //tmp+="\"orgCode\":"+"\""+result[2]+"\",";
   //tmp+="\"phone\":"+"\""+result[3]+"\"";
   //tmp+="}]";
   // ----------多条数据JSON格式 [{},{},....].end
   //----------单条数据JSON格式 {"id":"1","name":"dongxf",...}start
   
   
   //json格式返回
   //tmp+="{";
   //tmp+="\"managerNumber\":"+"\""+result[0]+"\",";//管理员编号 
   //tmp+="\"managerName\":"+"\""+result[1]+"\"";//管理人员姓名
   //tmp+="}";
   
   //xml格式返回
	//tmp+="<result>123";	
	//tmp+="</result>";//测试数据
	
	//这里的xml根标签不是必须写成<xml></xml>,网上有说到必须写成<xml></xml>,事实上并非如此
	//当然最好写成<xml></xml>是不是显得规范些,根据个人情况而定
	tmp+="<xml>";
    tmp+="<managerNumber>"+result[0]+"</managerNumber>";
	tmp+="<managerName>"+result[1]+"</managerName>";
	tmp+="</xml>";//测试数据
   
	
}

//System.out.println("===tmp:"+tmp);
response.setContentType("text/xml;charset=utf-8");
out.clear();
out.print(tmp);

 

分享到:
评论

相关推荐

    jQuery基于ajax操作json数据简单示例

    JSON和XML的可读性可谓不相上下,一边是建议的语法,一边是规范的标签形式,很难分出胜负。 2、可扩展性 XML天生有很好的扩展性,JSON当然也有,没有什么是XML能扩展,JSON不能的。 3、编码难度 XML有丰富的编码工具...

    JQuery实现ajax上传文件示例源码20121029

    JQuery实现ajax上传文件示例源码 源码描述: url用来指定后台处理的程序,fileElementId指的是文件选择框的ID,dataType用来指定返回的数据格式,支持xml、script、json和html。 返回的json的格式最简单:{error:'...

    xml-parser:用于客户端 JavaScript 的 jQuery 驱动的 XML 解析器

    这个轻量级的 XML 解析器使用 jQuery 为格式良好的 XML 文档提供了直接的解析和编组。 用法与处理 HTML DOM 时几乎相同。 该脚本定义了 XMLParser 对象,它提供了 parse 和 stringify 方法,就像 JavaScript JSON ...

    jQuery权威指南-源代码

    其次详细讲解了jQuery的各种选择器、jQuery操作DOM的方法、jQuery中的事件与应用、jQuery中的动画和特效、Ajax在jQuery中的应用,以及各种常用的jQuery插件的使用方法和技巧,所有这些知识点都配有完整的示例(包括...

    jQuery ajax操作WebService实例源码

    jQuery ajax操作WebService实例源码 jquery中的ajax 操作Webservice的例子,适合初学者,里面包括许多jQuery的内容 jQuery中的动态效果应用,按钮移动,元素隐藏等。异步加载 HTML json XML等示例。

    ajax(jquery+json)实现前端无刷新分类管理演示

    内容索引:.NET源码,Ajax相关,Ajax,Json 这是一个典型的Ajax网页应用实例,采用jquery+json的Ajax方式,实例中从xml读取数据,由用户操作前端网页更新数据后保存,所有操作几乎都是在ajax的方式进行数据提交,操作...

    jquery电子文档chm

    "xml": 返回 XML 文档,可用 jQuery 处理。 "html": 返回纯文本 HTML 信息;包含 script 元素。 "script": 返回纯文本 JavaScript 代码。不会自动缓存结果。 "json": 返回 JSON 数据 。 "jsonp": JSONP 格式。...

    jquery插件使用方法大全

    ·attribute(改进了.attr()的性能)、jQuery()核心函数、CSS(.css()性能有两倍提升)、特效和事件、DOM操作等也有显著改进 1.5 美国时间1月31日John Resig在jQuery官方博客发表文章,宣布jQuery 1.5正式版已经...

    Ajax-DotnetDesk.zip

    Ajax-DotnetDesk.zip,asp.net示例web应用程序,显示了asp.net core 2 mvc、ef(实体框架)、web api、bootstrap、jquery、datatables、adminlte模板等的功能。创建为帮助台或票证支持门户的Web应用程序。,ajax代表...

    jQuery .tmpl() 用法示例介绍

    动态请求数据来更新页面是现在非常常用的方法,比如博客评论的分页动态加载,微博的滚动加载和定时请求加载等。 这些情况下,动态请求返回的数据一般不是已拼好的 HTML 就是 JSON 或 XML,总之不在浏览器端拼数据就...

    jQuery权威指南366页完整版pdf和源码打包

    6.1.2 jquery中的load()方法 6.1.3 jquery中的全局函数getjson() 6.1.4 jquery中的全局函数getscript() 6.1.5 jquery中异步加载xml文档 6.2 请求服务器数据 6.2.1 $.get()请求数据 6.2.2 $....

    jQuery详细教程

    jQuery 隐藏和显示 通过 hide() 和 show() 两个函数,jQuery 支持对 HTML 元素的隐藏和显示: 实例 $("#hide").click(function(){ $("p").hide(); }); $("#show").click(function(){ $("p").show(); }); 亲自试一试 ...

    jquery.post用法示例代码

    type:返回内容格式,xml, html, script, json, text, _default。 代码如下: $.post(‘admin/HhCheckVote.do?ids=’ + ‘${ids}’, {}, function(flag) { if(flag.isVote==”true”){ document.getElementById(“jvF

    mbostock-d3和示例页面

    可以帮助你将数据绑定到HTML文档中,与Google Chart Tools不同的是,D3提供了大量的数据可视化模板,并且可以自定义,你也可以从头...D3能够处理多种数据格式,包括XML、CSV和JSON等,并包含了简单遍历数据集的功能。

    jQuery网格插件ParamQuery.zip

    ParamQuery是一种轻量级的jQuery网格插件,基于用于用户界面控制、具有一致API的优秀设计模式jQueryUI Widget factory创建,能够在网页上展示各种类似于Excel和Google Spreadsheet效果的网格。 使用ParamQuery,...

    AJAX纯JS示例

    纯JS(非JQ)的AJAX示例,写了个JS类,将代码简化到最简,所以与JQUERY比优势就是极快,虽然代码简单,但是功能完整,DEMO多,有直接取页面返回值的(responseText),有JSON结果的,有XML的各种示例。让AJAX...

    最新Python3.5零基础+高级+完整项目(28周全)培训视频学习资料

    jQuery 和Dom关系及jQuery版本 jQuery选择器 实例多选反选取消 删选器以及Tab菜单示例 示例:模态编程框 jQuery 样式以及属性操作 示例:TAB切换菜单 jQuery内容操作 点赞以及jQuery css操作 JQuery高度以及位置操作...

    Ajax-LaravelAjax.zip

    Ajax-LaravelAjax.zip,使用laravel 5.8和jquery 3的简单示例ajax,ajax代表异步javascript和xml。它是多种web技术的集合,包括html、css、json、xml和javascript。它用于创建动态网页,其中网页的小部分在不重新加载...

    EasyAutocomplete:jQuery自动完成插件

    它支持本地和远程数据集(JSON,XML和纯文本), 使用ajax方法调用, 允许搜索,排序和匹配响应短语, 它使您可以使用几个不同的列表模板,甚至可以创建自己的列表, 作为最好的jquery自动完成插件之一,...

Global site tag (gtag.js) - Google Analytics