`

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 xml2Json

    在Web应用程序中,尤其是在使用jQuery框架的时候,这样的转换工具非常实用,因为JavaScript和jQuery天生更擅长处理JSON结构的数据,而不是XML。 这个插件的工作原理通常是遍历XML文档的节点,然后将这些节点转化为...

    jQuery xml-to-json xml转JSON插件

    XML(Extensible Markup Language)通常用于结构化数据的存储和传输,而JSON则因为其轻量级和易于解析的特性,常用于前端与服务器之间的数据交互。 jQuery库作为JavaScript的一个强大框架,简化了DOM操作、事件处理...

    jQuery解析json格式数据示例

    本篇文章将详细探讨如何使用jQuery解析和操作JSON格式的数据。 首先,JSON是一种数据交换格式,它基于JavaScript的一个子集。数据格式清晰,易于人阅读和编写,同时也易于机器解析和生成。JSON格式通常由键值对组成...

    Json、XML解析

    文件名“JsonAndXml”可能包含了关于JSON和XML的示例代码或测试用例,你可以通过解压并查看这些文件来进一步学习和实践JSON和XML的解析技术。在实际操作中,理解和掌握这两种数据格式的解析方式能有效提升你在数据...

    xml-to-json.rar_XML to JSON _jquery.xml2json.js_xml json_xml to

    XML以其结构化和可扩展性而著名,而JSON则以简洁和易于解析而受到青睐。在某些场景下,我们需要将XML数据转换为JSON格式,以便更好地适应JavaScript环境或简化数据处理。本教程将介绍如何利用jQuery库中的`jquery....

    JQuery解析HTML、JSON和XML实例详解

    在当今的Web开发中,数据的处理和解析是非常重要的一环,尤其是在前后端分离的架构模式下,前端经常需要处理由后端提供的不同格式的数据。本文将详细介绍如何使用JQuery这个流行的JavaScript库来解析HTML、JSON和XML...

    Jquery ajax json 总结

    JSON 作为数据交换格式,与 XML 相比具有更简洁的语法,解析和生成更快,且在 JavaScript 中无需额外的解析步骤。JSON-lib 是一个方便的 Java 库,用于 JSON 与 Java 对象之间的转换,依赖于几个 Apache Commons 库...

    jquery xml转json插件

    该插件的主要功能是将XML文档转换成JSON对象,使得在jQuery或JavaScript环境中能够更方便地操作和解析数据。这个插件特别适用于处理那些由服务器返回的XML数据,尤其是当服务器无法直接提供JSON格式的情况下。 首先...

    JQuery处理JSON课堂示例(Struts1.2).rar

    **jQuery和JSON在Struts1.2中的应用** 在Web开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理、动画效果以及AJAX交互。与此同时,JSON(JavaScript Object Notation)作为轻量级的...

    xml2json.zip

    XML(Extensible Markup Language)和JSON(JavaScript Object Notation)是两种常见的数据交换格式,广泛应用于Web服务和前端开发中。XML以结构化的方式存储数据,而JSON则以轻量级且易于阅读的方式表达数据,更...

    JqueryJson

    **jQuery中的JSON使用示例** ```javascript // 创建JSON对象 var data = { name: "John", age: 30, city: "New York" }; // 序列化对象为JSON字符串 var jsonString = JSON.stringify(data); // 使用$.ajax...

    AJAX+JQuery+JSON的综合例子

    在提供的压缩包中,"新建 文本文档.txt"可能是示例代码或者关于这个例子的说明,而"JQuery&JSON"可能是一个包含jQuery库和JSON数据文件的目录。确保正确引用这些资源,以使示例正常工作。 总结来说,这个综合例子...

    Jquery+JSON+WebService

    以下是一个简单的示例,展示了如何使用jQuery、JSON和WebService进行交互: ```javascript $.ajax({ url: 'http://example.com/webservice', type: 'GET', dataType: 'json', success: function(response) { /...

    struts2+spring+hibernate+jquery+json

    JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。在Web服务中,JSON常用于前后端数据传输,因为它比XML更快、更简洁。 结合以上技术,"struts2+...

    jQuery解析返回的xml和json方法详解

    本篇文章将详细介绍如何使用jQuery解析从服务器返回的XML和JSON数据。 首先,让我们来看一下jQuery如何解析XML数据。在jQuery中,`$.ajax()`函数是用于发起Ajax请求的主要工具。当`dataType`参数设置为`"xml"`时,...

    json数据jquery异步示例

    以上就是关于"json数据jquery异步示例"的相关知识点,涵盖了JSON数据的创建、传输、解析以及jQuery中的异步操作和事件处理。在实际应用中,还需要考虑性能优化、安全性等问题,确保数据交互的高效和安全。

    xml-to-json.zip_delphi xml转json_xml 2 JSON

    XML以其丰富的结构化能力而著名,而JSON则因其简洁性和易于解析的特性受到青睐。在某些情况下,将XML转换为JSON可能是必要的,比如在与JavaScript交互时,因为JSON更易于在JavaScript环境中处理。 Delphi是一款强大...

    轻松使用jquery解析XML

    标题中的“轻松使用jQuery解析XML”意味着我们将探讨如何利用JavaScript库jQuery处理XML文档,以便在Web应用程序中方便地获取和操作数据。XML(可扩展标记语言)是一种结构化数据格式,常用于存储和传输数据。jQuery...

    javsscript json与xml互相转化

    总之,JSON和XML之间的转换在JavaScript中是通过遍历和解析数据结构实现的。理解这两种格式的特性以及如何在它们之间转换,对于进行跨平台的数据交换和接口设计至关重要。在实际项目中,根据具体需求选择合适的转换...

Global site tag (gtag.js) - Google Analytics