ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

RESTful 和 XML简述

2022-01-21 15:05:29  阅读:138  来源: 互联网

标签:XML www com xhr 简述 var RESTful example


一、RESTful 风格的 API

传统请求地址:不规范,易混淆。

GET  http://www.example.com/getUsers         // 获取用户列表

GET  http://www.example.com/getUser?id=1     // 比如获取某一个用户的信息

POST  http://www.example.com/modifyUser      // 修改用户信息

GET  http://www.example.com/deleteUser?id=1  // 删除用户信息

RESTful API

 

二、XML简述

XML 的全称是 extensible markup language,代表可扩展标记语言,它的作用是传输和存储数据。XML所有标签都是开发者定义的,对数据具有极强的描述性。XML传输和存储数据,侧重点在数据的内容上,HTML展示数据,侧重点在数据的外观。

 <students> 
     <student>
         <sid>001</sid>
         <name>张三</name>
         </student>
     <student>
         <sid>002</sid>
         <name>王二丫</name>
         </student>
 </students>

XML DOM

即 XML 文档对象模型,是 w3c 组织定义的一套操作 XML 文档对象的API。浏览器会将 XML 文档解析成文档对象模型。

例:

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<button id="btn">发送请求</button>
	<div id="container"></div>
	<script type="text/javascript">
		var btn = document.getElementById('btn');
		var container = document.getElementById('container');

		btn.onclick = function () {
			var xhr = new XMLHttpRequest();
			xhr.open('get', '/xml');
			xhr.send();
			xhr.onload = function () {
				// xhr.responseXML 获取服务器端返回的xml数据
				var xmlDocument = xhr.responseXML;
				var title = xmlDocument.getElementsByTagName('title')[0].innerHTML;
				container.innerHTML = title;
			}
		}
	</script>
</body>
</html>

标签:XML,www,com,xhr,简述,var,RESTful,example
来源: https://blog.csdn.net/weixin_45739365/article/details/122621191

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有