/Ajax_XML_JSON

Ajax 前端之家
前端之家收集整理的这篇文章主要介绍了/Ajax_XML_JSON，前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。

com.ajax.entity.UserInfo:

  1. packagecom.ajax.entity;
  2.  
  3. publicclassUserInfo{
  4. 	privateStringuserId;
  5. 	privateStringuserName;
  6. 	/**
  7. 	*@returntheuserId
  8. 	*/
  9. 	publicStringgetUserId(){
  10. 		returnuserId;
  11. 	}
  12. 	/**
  13. 	*@paramuserIdtheuserIdtoset
  14. 	*/
  15. 	publicvoidsetUserId(StringuserId){
  16. 		this.userId=userId;
  17. 	}
  18. 	/**
  19. 	*@returntheuserName
  20. 	*/
  21. 	publicStringgetUserName(){
  22. 		returnuserName;
  23. 	}
  24. 	/**
  25. 	*@paramuserNametheuserNametoset
  26. 	*/
  27. 	publicvoidsetUserName(StringuserName){
  28. 		this.userName=userName;
  29. 	}
  30. 	
  31. 	
  32. 	publicUserInfo(StringuserId,StringuserName){
  33. 		this.userId=userId;
  34. 		this.userName=userName;
  35. 	}
  36. 	
  37. }

com.ajax.servlet.JsonServlet:

  1. packagecom.ajax.servlet;
  2.  
  3. importjava.io.IOException;
  4. importjava.io.PrintWriter;
  5. importjava.util.ArrayList;
  6. importjava.util.List;
  7.  
  8. importjavax.servlet.ServletException;
  9. importjavax.servlet.http.HttpServlet;
  10. importjavax.servlet.http.HttpServletRequest;
  11. importjavax.servlet.http.HttpServletResponse;
  12.  
  13. importcom.ajax.entity.UserInfo;
  14.  
  15. /**
  16. *ServletimplementationclassJsonServlet
  17. */
  18. publicclassJsonServletextendsHttpServlet{
  19. 	privatestaticfinallongserialVersionUID=1L;
  20.  
  21. /**
  22. *@seeHttpServlet#HttpServlet()
  23. */
  24. publicJsonServlet(){
  25. super();
  26. //TODOAuto-generatedconstructorstub
  27. }
  28.  
  29. 	/**
  30. 	*@seeHttpServlet#doGet(HttpServletRequestrequest,HttpServletResponseresponse)
  31. 	*/
  32. 	protectedvoiddoGet(HttpServletRequestrequest,HttpServletResponseresponse)throwsServletException,IOException{
  33. 		doPost(request,response);
  34. 	}
  35.  
  36. 	/**
  37. 	*@seeHttpServlet#doPost(HttpServletRequestrequest,HttpServletResponseresponse)
  38. 	*/
  39. 	protectedvoiddoPost(HttpServletRequestrequest,IOException{
  40. 		//设置编码格式
  41. 		response.setContentType("text/html;charset=utf-8");
  42. 		request.setCharacterEncoding("utf-8");
  43. 		PrintWriterout=response.getWriter();
  44. 		List<UserInfo>users=getUsers();
  45. 		out.print("[");
  46. 		for(inti=0;i<users.size()-1;i++){
  47. 			out.print("{id:'"+users.get(i).getUserId()+"',name:'"+users.get(i).getUserName()+"'},");
  48. 		}
  49. 		out.print("{id:'"+users.get(users.size()-1).getUserId()+"',name:'"+users.get(users.size()-1).getUserName()+"'}");
  50. 		out.print("]");
  51. 		
  52. 		out.flush();
  53. 		out.close();
  54. 	}
  55. 	
  56. 	/**
  57. 	*构建用户信息
  58. 	*/
  59. 	privateList<UserInfo>getUsers(){
  60. 		List<UserInfo>users=newArrayList<UserInfo>();
  61. 		UserInfouser=newUserInfo("U014","欧阳公");
  62. 		UserInfouser1=newUserInfo("U024","东门吹吹");
  63. 		UserInfouser2=newUserInfo("U044","西门庆");
  64. 		UserInfouser3=newUserInfo("U074","网看看");
  65. 		
  66. 		users.add(user);
  67. 		users.add(user1);
  68. 		users.add(user2);
  69. 		users.add(user3);
  70. 		
  71. 		returnusers;
  72. 	}
  73.  
  74. }

com.ajax.servlet.XmlServlet:

  1. packagecom.ajax.servlet;
  2.  
  3. importjava.io.IOException;
  4. importjava.io.PrintWriter;
  5. importjava.util.ArrayList;
  6. importjava.util.List;
  7.  
  8. importjavax.servlet.ServletException;
  9. importjavax.servlet.http.HttpServlet;
  10. importjavax.servlet.http.HttpServletRequest;
  11. importjavax.servlet.http.HttpServletResponse;
  12.  
  13. importcom.ajax.entity.UserInfo;
  14.  
  15. /**
  16. *ServletimplementationclassXmlServlet
  17. */
  18. publicclassXmlServletextendsHttpServlet{
  19. 	privatestaticfinallongserialVersionUID=1L;
  20.  
  21. /**
  22. *@seeHttpServlet#HttpServlet()
  23. */
  24. publicXmlServlet(){
  25. super();
  26. //TODOAuto-generatedconstructorstub
  27. }
  28.  
  29. 	/**
  30. 	*@seeHttpServlet#doGet(HttpServletRequestrequest,IOException{
  31. 		//设置编码格式
  32. 		response.setContentType("text/xml;charset=utf-8");
  33. 		request.setCharacterEncoding("utf-8");
  34. 		PrintWriterout=response.getWriter();
  35. 		List<UserInfo>users=getUsers();
  36. 		out.print("<?xmlversion='1.0'encoding='UTF-8'?>");
  37. 		out.print("<userInfos>");
  38. 		for(UserInfouser:users){
  39. 			out.print("<userid='"+user.getUserId()+"'>"+user.getUserName()+"</user>");
  40. 		}
  41. 		out.print("</userInfos>");
  42. 		out.flush();
  43. 		out.close();
  44. 	}
  45. 	
  46. 	
  47. 	/**
  48. 	*构建用户信息
  49. 	*/
  50. 	privateList<UserInfo>getUsers(){
  51. 		List<UserInfo>users=newArrayList<UserInfo>();
  52. 		UserInfouser=newUserInfo("U014","网看看");
  53. 		
  54. 		users.add(user);
  55. 		users.add(user1);
  56. 		users.add(user2);
  57. 		users.add(user3);
  58. 		
  59. 		returnusers;
  60. 	}
  61.  
  62. }

/Ajax_XML_JSON/WebContent/json.jsp:

  1. <%@pagelanguage="java"contentType="text/html;charset=UTF-8"
  2. pageEncoding="UTF-8"%>
  3. <!DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
  4. <html>
  5. <head>
  6. <Metahttp-equiv="Content-Type"content="text/html;charset=UTF-8">
  7. <title>Inserttitlehere</title>
  8. <scripttype="text/javascript">
  9. 	//定义全局异步请求对象的句柄
  10. 	varxmlHttpRequest;
  11. 	
  12. 	//定义创建异步请求对象的函数
  13. 	functioncreateXMLHttpRequest(){
  14. 		if(window.XMLHttpRequest){
  15. 			xmlHttpRequest=newXMLHttpRequest();
  16. 		}elseif(winodw.ActiveXObject){
  17. 			try{
  18. 				xmlHttpRequest=newActiveXObject("Microsoft.XMLHTTP");
  19. 			}catch(e){
  20. 				xmlHttpRequest=newActiveXObject("Msxml2.XMLHTTP");
  21. 			}
  22. 		}
  23. 	}
  24. 	
  25. 	//定义发送请求的函数
  26. 	functionsendRequest(){
  27. 		if(xmlHttpRequest==null){
  28. 			createXMLHttpRequest();
  29. 		}
  30. 		
  31. 		//指定请求得到响应后处理响应结果的回调函数
  32. 		xmlHttpRequest.onreadystatechange=callBack;
  33. 		//打开请求
  34. 		xmlHttpRequest.open("GET","jsonServlet");
  35. 		//发送请求
  36. 		xmlHttpRequest.send(null);
  37. 	}
  38. 	
  39. 	//定义回调函数
  40. 	functioncallBack(){
  41. 		if(xmlHttpRequest.readyState==4&&xmlHttpRequest.status==200){
  42. 			alert(xmlHttpRequest.responseText);
  43. 			//把json字符串转换为JS对象
  44. 			varuserInfos=eval("("+xmlHttpRequest.responseText+")");
  45. 			varcontent="id----------------name<br/>";
  46. 			for(vari=0;i<userInfos.length;i++){
  47. 				varid=userInfos[i].id;
  48. 				varname=userInfos[i].name;
  49. 				content+=id+"----------------"+name+"<br/>";
  50. 			}
  51. 			document.getElementById("msg").innerHTML=content;
  52. 		}
  53. 	}
  54. </script>
  55. </head>
  56. <body>
  57. 	<fieldsetstyle="width:50%">
  58. 		<legend>Ajax解析JSON</legend>
  59. 		<inputtype="button"value="ajax解析JSON"onclick="sendRequest();"/><br/>
  60. 		<divid="msg"></div>
  61. 	</fieldset>
  62. 	
  63. </body>
  64. </html>

/Ajax_XML_JSON/WebContent/xml.jsp:

  1. <%@pagelanguage="java"contentType="text/html;charset=UTF-8"
  2. pageEncoding="UTF-8"%>
  3. <!DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
  4. <html>
  5. <head>
  6. <Metahttp-equiv="Content-Type"content="text/html;charset=UTF-8">
  7. <title>Inserttitlehere</title>
  8. <scripttype="text/javascript">
  9. 	//定义全局异步请求对象的句柄
  10. 	varxmlHttpRequest;
  11. 	
  12. 	//定义创建异步请求对象的函数
  13. 	functioncreateXMLHttpRequest(){
  14. 		if(window.XMLHttpRequest){
  15. 			xmlHttpRequest=newXMLHttpRequest();
  16. 		}elseif(winodw.ActiveXObject){
  17. 			try{
  18. 				xmlHttpRequest=newActiveXObject("Microsoft.XMLHTTP");
  19. 			}catch(e){
  20. 				xmlHttpRequest=newActiveXObject("Msxml2.XMLHTTP");
  21. 			}
  22. 		}
  23. 	}
  24. 	
  25. 	//定义发送请求的函数
  26. 	functionsendRequest(){
  27. 		if(xmlHttpRequest==null){
  28. 			createXMLHttpRequest();
  29. 		}
  30. 		
  31. 		//指定请求得到响应后处理响应结果的回调函数
  32. 		xmlHttpRequest.onreadystatechange=callBack;
  33. 		//打开请求
  34. 		xmlHttpRequest.open("GET","xmlServlet");
  35. 		//发送请求
  36. 		xmlHttpRequest.send(null);
  37. 	}
  38. 	
  39. 	//定义回调函数
  40. 	functioncallBack(){
  41. 		if(xmlHttpRequest.readyState==4&&xmlHttpRequest.status==200){
  42. 			//alert(xmlHttpRequest.responseXML);
  43. 			//获取xml文件根节点元素对象
  44. 			varrootElement=xmlHttpRequest.responseXML;
  45. 			
  46. 			//获取根节点下面所有子节点对象
  47. 			varuserInfos=rootElement.getElementsByTagName("user");
  48. 			
  49. 			//解析获取的子节点组成数组
  50. 			/*<userInfos>
  51. 				<userid="U014">欧阳公</user>
  52. 				<userid="U024">东门吹吹</user>
  53. 				<userid="U044">西门庆</user>
  54. 				<userid="U074">网看看</user>
  55. 			</userInfos>*/
  56. 			//userInfos[i].getAttribute("id")获取当前遍历元素id属性对应值
  57. 			//userInfos[i].firstChild.nodeValue获取当前遍历元素第一个子节点对应值
  58. 			varcontent="id-----------------name<br/>";
  59. 			for(vari=0;i<userInfos.length;i++){
  60. 				//alert("id:"+userInfos[i].getAttribute("id")+"name:"+userInfos[i].firstChild.nodeValue);
  61. 				varid=userInfos[i].getAttribute("id");
  62. 				varname=userInfos[i].firstChild.data;
  63. 				content+=id+"-----------------"+name+"<br/>";
  64. 			}
  65. 			
  66. 			document.getElementById("msg").innerHTML=content;
  67. 		}
  68. 	}
  69. </script>
  70. </head>
  71. <body>
  72. 	<fieldsetstyle="width:50%">
  73. 		<legend>Ajax解析XML</legend>
  74. 		<inputtype="button"value="ajax解析XML"onclick="sendRequest();"/><br/>
  75. 		<divid="msg"></div>
  76. 	</fieldset>
  77. 	
  78. </body>
  79. </html>

猜你在找的Ajax相关文章

网页的异步请求（Ajax）
JS原生Ajax操作(XMLHttpRequest) GET请求 POST请求 兼容性问题 利用iframe模拟ajax 实现表...
手动实现AJAX
AJAX 每日更新前端基础，如果觉得不错，点个star吧 &#128515; https://github.com/Win...
axios异步提交表单数据的不同形式
踩坑Axios提交form表单几种格式 前后端分离的开发前后端, 前端使用的vue,后端的安全模块使...
php的ajax简单实例
很早就听闻ajax的名声，但是却一直不知道怎么用，今天自己捣鼓了一下，竟然会用了，哈哈哈...
Json与Ajax(注册实例）
需要在服务器上进行哈 jquery的ajax方法： // jquery请求 $.ajax({ url: &quot;./serv...
jSon和Ajax登录功能，ajax数据交互案例
ajax实例，检测用户与注册 检测用户名是否被占用： 在用户填写完用户名之后，ajax会异步向...
关于AjaxControlToolkit的样式问题
网(LieHuo.Net)教程 技术文章一直都是转载的,从来没有自创过.终于遇到AjaxControlToolkit,...
一个简单的AJAX实现(HELLO AJAX)
客户端部分： <html> <head> <meta http-equiv="Content-Type" ...
AJAX中文乱码的两类问题及解决之策
1）发送路径中的参数有中文，在服务器段接收参数值是乱码 例如： var url=”a.jsp?na...
实例：AJAX返回xml代码如何在网页中显示
建站学院（LieHuo.Net）文档 今天来学习一篇实例代码教程：AJAX返回xml代码如何在网页中显...
HTMLHTML5JavaScriptCSSjQueryBootstrapAngularjsTypeScriptVueDojoJsonElectronNode.jsextjsExpress XMLES6AjaxFlashUnityReactFlexAnt DesignWeb前端微信小程序微信公众号
关闭广告单独headers封装代码提示错误整数正则非0开头跳页出页码antd table提示URL未注册公众号支付vue hash模式iSlider车牌键盘循环图片echarts 双折左右布局DllPlugin对象创建打字游戏圈选两栏云函数蒙版ES2020橱窗无缝滚动轮播色块碰撞组件销毁文档操作