我来分享下今天用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);
相关推荐
JSON和XML的可读性可谓不相上下,一边是建议的语法,一边是规范的标签形式,很难分出胜负。 2、可扩展性 XML天生有很好的扩展性,JSON当然也有,没有什么是XML能扩展,JSON不能的。 3、编码难度 XML有丰富的编码工具...
JQuery实现ajax上传文件示例源码 源码描述: url用来指定后台处理的程序,fileElementId指的是文件选择框的ID,dataType用来指定返回的数据格式,支持xml、script、json和html。 返回的json的格式最简单:{error:'...
这个轻量级的 XML 解析器使用 jQuery 为格式良好的 XML 文档提供了直接的解析和编组。 用法与处理 HTML DOM 时几乎相同。 该脚本定义了 XMLParser 对象,它提供了 parse 和 stringify 方法,就像 JavaScript JSON ...
其次详细讲解了jQuery的各种选择器、jQuery操作DOM的方法、jQuery中的事件与应用、jQuery中的动画和特效、Ajax在jQuery中的应用,以及各种常用的jQuery插件的使用方法和技巧,所有这些知识点都配有完整的示例(包括...
jQuery ajax操作WebService实例源码 jquery中的ajax 操作Webservice的例子,适合初学者,里面包括许多jQuery的内容 jQuery中的动态效果应用,按钮移动,元素隐藏等。异步加载 HTML json XML等示例。
内容索引:.NET源码,Ajax相关,Ajax,Json 这是一个典型的Ajax网页应用实例,采用jquery+json的Ajax方式,实例中从xml读取数据,由用户操作前端网页更新数据后保存,所有操作几乎都是在ajax的方式进行数据提交,操作...
"xml": 返回 XML 文档,可用 jQuery 处理。 "html": 返回纯文本 HTML 信息;包含 script 元素。 "script": 返回纯文本 JavaScript 代码。不会自动缓存结果。 "json": 返回 JSON 数据 。 "jsonp": JSONP 格式。...
·attribute(改进了.attr()的性能)、jQuery()核心函数、CSS(.css()性能有两倍提升)、特效和事件、DOM操作等也有显著改进 1.5 美国时间1月31日John Resig在jQuery官方博客发表文章,宣布jQuery 1.5正式版已经...
Ajax-DotnetDesk.zip,asp.net示例web应用程序,显示了asp.net core 2 mvc、ef(实体框架)、web api、bootstrap、jquery、datatables、adminlte模板等的功能。创建为帮助台或票证支持门户的Web应用程序。,ajax代表...
动态请求数据来更新页面是现在非常常用的方法,比如博客评论的分页动态加载,微博的滚动加载和定时请求加载等。 这些情况下,动态请求返回的数据一般不是已拼好的 HTML 就是 JSON 或 XML,总之不在浏览器端拼数据就...
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 隐藏和显示 通过 hide() 和 show() 两个函数,jQuery 支持对 HTML 元素的隐藏和显示: 实例 $("#hide").click(function(){ $("p").hide(); }); $("#show").click(function(){ $("p").show(); }); 亲自试一试 ...
type:返回内容格式,xml, html, script, json, text, _default。 代码如下: $.post(‘admin/HhCheckVote.do?ids=’ + ‘${ids}’, {}, function(flag) { if(flag.isVote==”true”){ document.getElementById(“jvF
可以帮助你将数据绑定到HTML文档中,与Google Chart Tools不同的是,D3提供了大量的数据可视化模板,并且可以自定义,你也可以从头...D3能够处理多种数据格式,包括XML、CSV和JSON等,并包含了简单遍历数据集的功能。
ParamQuery是一种轻量级的jQuery网格插件,基于用于用户界面控制、具有一致API的优秀设计模式jQueryUI Widget factory创建,能够在网页上展示各种类似于Excel和Google Spreadsheet效果的网格。 使用ParamQuery,...
纯JS(非JQ)的AJAX示例,写了个JS类,将代码简化到最简,所以与JQUERY比优势就是极快,虽然代码简单,但是功能完整,DEMO多,有直接取页面返回值的(responseText),有JSON结果的,有XML的各种示例。让AJAX...
jQuery 和Dom关系及jQuery版本 jQuery选择器 实例多选反选取消 删选器以及Tab菜单示例 示例:模态编程框 jQuery 样式以及属性操作 示例:TAB切换菜单 jQuery内容操作 点赞以及jQuery css操作 JQuery高度以及位置操作...
Ajax-LaravelAjax.zip,使用laravel 5.8和jquery 3的简单示例ajax,ajax代表异步javascript和xml。它是多种web技术的集合,包括html、css、json、xml和javascript。它用于创建动态网页,其中网页的小部分在不重新加载...
它支持本地和远程数据集(JSON,XML和纯文本), 使用ajax方法调用, 允许搜索,排序和匹配响应短语, 它使您可以使用几个不同的列表模板,甚至可以创建自己的列表, 作为最好的jquery自动完成插件之一,...