如何快速入门Ajax（学习笔记）—— 原生ajax、jQuery、axios
2024-05-11 05:25:02
如何快速入门Ajax
- 1. 服务器的基本概念
- 客户端与服务器
- URL地址
- 网页中如何请求数据
- 资源的请求方式
- 2. 了解Ajax
- Ajax是什么
- Ajax的应用场景
- 3. jQuery中的Ajax
- get()
- post()
- ajax()
- 接口
- 4. form表单的基本使用
- 组成部分
- 属性
- action
- target
- method
- enctype
- 表单的同步提交
- 缺点
- 解决方案
- serialize() 函数
- 5. 原生Ajax
- XMLHttpRequest的基本使用
- 发起GET请求
- 发起带参数的GET请求
- URL编码与解码
- 使用xhr发起POST请求
- 6. 数据交换格式
- XML
- JSON
- 对象结构
- 数组结构
- 注意事项
- 7. XMLHttpRequest Level2
- 旧版XMLHttpRequest的缺点
- XMLHttpRequest Level2的新功能
- 设置HTTP请求时限
- FormData对象管理表单数据
- 上传文件
- 显示文件上传进度
- 8. 使用jQuery实现文件上传
- ajaxStart(callback)
- ajaxStop(callback)
- 上传文件
- 9. axios
- 发起GET请求
- 发起POST请求
- axios发起请求
- get
- post
1. 服务器的基本概念
客户端与服务器
服务器：上网过程中，负责存放和对外提供资源的电脑，叫做服务器。客户端：上网过程中，负责获取和消费资源的电脑，叫做客户端。
- 客户端与服务器的通信过程
客户端与服务器之间的通信过程，分为请求 – 处理 – 响应三个步骤。网页中的每一个资源，都是通过请求 – 处理 – 响应的方式从服务器获取回来的。
URL地址
- URL：全称是UniformResourceLocator，中文叫统一资源定位符，用于标识互联网上每个资源的唯一存放位置。浏览器只有通过URL地址，才能正确定位资源的存放位置，从而成功访问到对应的资源。
- 常见的URL举例：
http://www.baidu.comhttp://www.taobao.comhttp://www.cnblogs.com/liulongbinblogs/p/11649393.html
- URL地址的组成部分
网页中如何请求数据
数据，也是服务器对外提供的一种资源。只要是资源，必然要通过请求 – 处理 – 响应的方式进行获取。- 如果要在网页中请求服务器上的数据资源，则需要用到
XMLHttpRequest对象。
XMLHttpRequest（简称 xhr）是浏览器提供的 js 成员，通过它，可以请求服务器上的数据资源。- 最简单的用法
var xhrObj = new XMLHttpRequest()
资源的请求方式
2. 了解Ajax
Ajax是什么
Ajax的全称是Asynchronous Javascript And XML（异步 JavaScript 和 XML）。通俗的理解：在网页中利用 XMLHttpRequest 对象和服务器进行数据交互的方式，就是Ajax。- Ajax能让我们轻松实现网页与服务器之间的数据交互。
Ajax的应用场景
用户名检测：注册用户时，通过 ajax 的形式，动态检测用户名是否被占用
搜索提示：当输入搜索关键字时，通过 ajax 的形式，动态加载搜索提示列表
数据分页显示：当点击页码值的时候，通过 ajax 的形式，根据页码值动态刷新表格的数据
数据的增删改查：数据的添加、删除、修改、查询操作，都需要通过 ajax 的形式，来实现数据的交互
3. jQuery中的Ajax
- 浏览器中提供的 XMLHttpRequest 用法比较复杂，所以 jQuery 对 XMLHttpRequest 进行了封装，提供了一系列 Ajax 相关的函数，极大地降低了 Ajax 的使用难度。
- jQuery 中发起 Ajax 请求最常用的三个方法如下：
$.get()$.post()$.ajax()
get()
- 介绍
$.get()发起不带参数的请求
<body><button id="btnGET">发起不带参数的GET请求</button><script>$(function () {$('#btnGET').on('click', function () {$.get('http://www.liulongbin.top:3006/api/getbooks', function (res) {console.log(res)})})})</script>
</body>
3. $.get()发起带参数的请求
<body><button id="btnGETINFO">发起单参数的GET请求</button><script>$(function () {$('#btnGETINFO').on('click', function () {$.get('http://www.liulongbin.top:3006/api/getbooks', { id: 1 }, function (res) {console.log(res)})})})</script>
</body>
post()
<body><button id="btnPOST">发起POST请求</button><script>$(function () {$('#btnPOST').on('click', function () {$.post('http://www.liulongbin.top:3006/api/addbook', { bookname: '水浒传', author: '施耐庵', publisher: '天津图书出版社' }, function (res) {console.log(res)})})})</script>
</body>
ajax()
1.jQuery 中提供的 $.ajax() 函数，是一个功能比较综合的函数，它允许我们对 Ajax 请求进行更详细的配置。
$.ajax({type: '', // 请求的方式，例如 GET 或 POSTurl: '', // 请求的 URL 地址data: { },// 这次请求要携带的数据success: function(res) { } // 请求成功之后的回调函数
})
2.使用 $.ajax() 发起 GET 请求时，只需要将 type 属性的值设置为 ‘GET’ 即可
$.ajax({type: 'GET', // 请求的方式url: 'http://www.liulongbin.top:3006/api/getbooks', // 请求的 URL 地址data: { id: 1 },// 这次请求要携带的数据success: function(res) { // 请求成功之后的回调函数console.log(res)}
})
<body><button id="btnGET">发起GET请求</button><script>$(function () {$('#btnGET').on('click', function () {$.ajax({//可以写成'get'type: 'GET',url: 'http://www.liulongbin.top:3006/api/getbooks',// data可省略data: {id: 1},success: function (res) {console.log(res)}})})})</script>
</body>
3. 使用 $.ajax() 发起 POST 请求时，只需要将 type 属性的值设置为 ‘POST’ 即可
$.ajax({type: 'POST', // 请求的方式url: 'http://www.liulongbin.top:3006/api/addbook', // 请求的 URL 地址data: { // 要提交给服务器的数据bookname: '水浒传',author: '施耐庵',publisher: '上海图书出版社'},success: function(res) { // 请求成功之后的回调函数console.log(res)}
})
<body><button id="btnPOST">发起POST请求</button><script>$(function () {$('#btnPOST').on('click', function () {$.ajax({type: 'POST',url: 'http://www.liulongbin.top:3006/api/addbook',data: {bookname: '史记',author: '司马迁',publisher: '上海图书出版社'},success: function (res) {console.log(res)}})})})</script>
</body>
接口
1.使用 Ajax 请求数据时，被请求的 URL 地址，就叫做数据接口（简称接口）。同时，每个接口必须有请求方式。
http://www.liulongbin.top:3006/api/getbooks获取图书列表的接口(GET请求)http://www.liulongbin.top:3006/api/addbook添加图书的接口（POST请求）
2.接口测试工具：PostMan
为了验证接口能否被正常被访问，我们常常需要使用接口测试工具，来对数据接口进行检测。
好处：接口测试工具能让我们在不写任何代码的情况下，对接口进行调用和测试。
访问 PostMan 的官方下载网址 链接 ，下载所需的安装程序后，直接安装即可。
使用PostMan测试GET接口
使用PostMan测试POST接口
4. form表单的基本使用
表单在网页中主要负责数据采集功能。HTML中的<form>标签，就是用于采集用户输入的信息，并把采集到的信息提交到服务器端进行处理。
组成部分
表单由三个基本部分组成：表单标签、表单域、表单按钮
属性
action
- action 属性用来规定当提交表单时，向何处发送表单数据。
- action 属性的值应该是后端提供的一个 URL 地址，这个 URL 地址专门负责接收表单提交过来的数据。
- 当
<form>表单在未指定 action 属性值的情况下，action 的默认值为当前页面的 URL 地址。
注意：当提交表单后，页面会立即跳转到 action 属性指定的 URL 地址
target
target 属性用来规定在何处打开 action URL。它的可选值有5个，默认情况下target 的值是 _self，表示在相同的框架中打开 action URL。
method
它的可选值有两个，分别是 get 和 post。默认情况下method 的值为 get。
- get 方式适合用来提交少量的、简单的数据。
- post 方式适合用来提交大量的、复杂的、或包含文件上传的数据。
- 在实际开发中， 表单的 post 提交方式用的最多，很少用 get。例如登录、注册、添加数据等表单操作，都需要使用 post 方式来提交表单。
enctype
enctype 属性用来规定在发送表单数据之前如何对数据进行编码。它的可选值有三个，默认情况下，enctype 的值为 application/x-www-form-urlencoded，表示在发送前编码所有的字符。
注意：在涉及到文件上传的操作时，必须将 enctype 的值设置为 multipart/form-data。
表单的同步提交
- 通过点击
submit按钮，触发表单提交的操作，从而使页面跳转到 action URL 的行为，叫做表单的同步提交。
缺点
解决方案
表单只负责采集数据，Ajax负责将数据提交到服务器.
- 当监听到表单的提交事件以后，可以调用事件对象的
event.preventDefault()函数，来阻止表单的提交和页面的跳转，示例代码如下：
$('#form1').on('submit', function(e) {// 阻止表单的提交和页面的跳转e.preventDefault()
})
serialize() 函数
为了简化表单中数据的获取操作，jQuery 提供了 serialize() 函数，其语法格式如下：
可以一次性获取到表单中所有的数据
5. 原生Ajax
XMLHttpRequest的基本使用
XMLHttpRequest（简称 xhr）是浏览器提供的 Javascript 对象，通过它，可以请求服务器上的数据资源。之前所学的 jQuery 中的 Ajax 函数，就是基于 xhr 对象封装出来的。
发起GET请求
- 步骤：
创建xhr 对象调用xhr.open() 函数调用xhr.send() 函数监听xhr.onreadystatechange 事件
注意：xhr.readyState === 4 && xhr.status === 200是固定写法。xhr.responseText是获取服务器的服务器响应回来的数据。
XMLHttpRequest对象的readyState属性，用来表示当前 Ajax 请求所处的状态。每个 Ajax 请求必然处于以下状态中的一个：
发起带参数的GET请求
- 使用 xhr 对象发起带参数的 GET 请求时，只需在调用 xhr.open 期间，为 URL 地址指定参数即可。这种在 URL 地址后面拼接的参数，叫做查询字符串。
- 查询字符串（URL 参数）是指在 URL 的末尾加上用于向服务器发送信息的字符串（变量）。
- 无论使用 $.ajax()，还是使用 $.get()，又或者直接使用 xhr 对象发起 GET 请求，当需要携带参数的时候，本质上，都是直接将参数以查询字符串的形式，追加到 URL 地址的后面，发送到服务器的。
URL编码与解码
- URL 地址中，只允许出现英文相关的字母、标点符号、数字，因此，在 URL 地址中不允许出现中文字符。如果 URL 中需要包含中文这样的字符，则必须对中文字符进行编码（转义）。
URL编码的原则：使用安全的字符（没有特殊用途或者特殊意义的可打印字符）去表示那些不安全的字符。（使用英文字符去表示非英文字符。）
- 浏览器提供了 URL 编码与解码的 API，分别是：
- encodeURI() 编码的函数
- decodeURI() 解码的函数
<script>var str = '焦妮';console.log(encodeURI(str));console.log(decodeURI('%E7%84%A6%E5%A6%AE'))</script>
注意：由于浏览器会自动对 URL 地址进行编码操作，因此，大多数情况下，程序员不需要关心 URL 地址的编码与解码操作。
使用xhr发起POST请求
// 1. 创建 xhr 对象
var xhr = new XMLHttpRequest()
// 2. 调用 open()
xhr.open('POST', 'http://www.liulongbin.top:3006/api/addbook')
// 3. 设置 Content-Type 属性（固定写法）
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded')
// 4. 调用 send()，同时将数据以查询字符串的形式，提交给服务器
xhr.send('bookname=水浒传&author=施耐庵&publisher=天津图书出版社')
// 5. 监听 onreadystatechange 事件
xhr.onreadystatechange = function() {if (xhr.readyState === 4 && xhr.status === 200) {console.log(xhr.responseText)}
}
注意：xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded')是固定写法。
6. 数据交换格式
- 数据交换格式：就是服务器端与客户端之间进行数据传输与交换的格式。
- 在前端领域经常提及的两种数据交换格式分别是
XML和JSON。其中 XML 用的非常少，所以，我们重点要学习的数据交换格式就是 JSON。
XML
- XML 的英文全称是
EXtensible Markup Language，即可扩展标记语言。因此，XML 和 HTML 类似，也是一种标记语言。
- XML和HTML的区别
- XML的缺点
- XML 格式臃肿，和数据无关的代码多，体积大，传输效率低
- 在 Javascript 中解析 XML 比较麻烦。
JSON
概念：JSON 的英文全称是JavaScript Object Notation，即“JavaScript 对象表示法”。简单来讲，JSON 就是 Javascript对象和数组的字符串表示法，它使用文本表示一个 JS 对象或数组的信息，因此，JSON 的本质是字符串。作用：JSON 是一种轻量级的文本数据交换格式，在作用上类似于 XML，专门用于存储和传输数据，但是 JSON 比 XML 更小、更快、更易解析。现状：JSON 是在 2001 年开始被推广和使用的数据格式，到现今为止，JSON 已经成为了主流的数据交换格式。结构：JSON 中包含对象和数组两种结构，通过这两种结构的相互嵌套，可以表示各种复杂的数据结构。
对象结构
对象结构在 JSON 中表示为 { }括起来的内容。数据结构为{ key: value, key: value, … }的键值对结构。其中，key 必须是使用英文的双引号包裹的字符串，value 的数据类型可以是数字、字符串、布尔值、null、数组、对象6种类型。
数组结构
数组结构在 JSON 中表示为 [ ]括起来的内容。数据结构为 [ "java", "javascript", 30, true … ]。数组中数据的类型可以是数字、字符串、布尔值、null、数组、对象6种类型。
注意事项
7. XMLHttpRequest Level2
旧版XMLHttpRequest的缺点
- 只支持文本数据的传输，无法用来读取和上传文件
- 传送和接收数据时，没有进度信息，只能提示有没有完成
XMLHttpRequest Level2的新功能
设置HTTP请求时限
<script>var xhr = new XMLHttpRequest()// 设置 超时时间xhr.timeout = 30// 设置超时以后的处理函数xhr.ontimeout = function () {console.log('请求超时了！')}xhr.open('GET', 'http://www.liulongbin.top:3006/api/getbooks')xhr.send()xhr.onreadystatechange = function () {if (xhr.readyState === 4 && xhr.status === 200) {console.log(xhr.responseText)}}</script>
FormData对象管理表单数据
Ajax 操作往往用来提交表单数据。为了方便表单处理，HTML5 新增了一个 FormData 对象，可以模拟表单操作：
// 1. 新建 FormData 对象var fd = new FormData()// 2. 为 FormData 添加表单项fd.append('uname', 'zs')fd.append('upwd', '123456')// 3. 创建 XHR 对象var xhr = new XMLHttpRequest()// 4. 指定请求类型与URL地址xhr.open('POST', 'http://www.liulongbin.top:3006/api/formdata')// 5. 直接提交 FormData 对象，这与提交网页表单的效果，完全一样xhr.send(fd)
FormData对象也可以用来获取网页表单的值，示例代码如下：
// 获取表单元素
var form = document.querySelector('#form1')
// 监听表单元素的 submit 事件
form.addEventListener('submit', function(e) {e.preventDefault()// 根据 form 表单创建 FormData 对象，会自动将表单数据填充到 FormData 对象中var fd = new FormData(form)var xhr = new XMLHttpRequest()xhr.open('POST', 'http://www.liulongbin.top:3006/api/formdata')xhr.send(fd)xhr.onreadystatechange = function() {}
})
上传文件
<body><!-- 1. 文件选择框 --><input type="file" id="file1" /><!-- 2. 上传文件的按钮 --><button id="btnUpload">上传文件</button><br /><!-- 3. img 标签，来显示上传成功以后的图片 --><img src="" alt="" id="img" width="800" /><script>// 1. 获取到文件上传按钮var btnUpload = document.querySelector('#btnUpload')// 2. 为按钮绑定单击事件处理函数btnUpload.addEventListener('click', function () {// 3. 获取到用户选择的文件列表var files = document.querySelector('#file1').filesif (files.length <= 0) {return alert('请选择要上传的文件！')}var fd = new FormData()// 将用户选择的文件，添加到 FormData 中fd.append('avatar', files[0])var xhr = new XMLHttpRequest()xhr.open('POST', 'http://www.liulongbin.top:3006/api/upload/avatar')xhr.send(fd)xhr.onreadystatechange = function () {if (xhr.readyState === 4 && xhr.status === 200) {var data = JSON.parse(xhr.responseText)if (data.status === 200) {// 上传成功document.querySelector('#img').src = 'http://www.liulongbin.top:3006' + data.url} else {// 上传失败console.log('图片上传失败！' + data.message)}}}})</script>
</body>
显示文件上传进度
新版本的 XMLHttpRequest 对象中，可以通过监听 xhr.upload.onprogress 事件，来获取到文件的上传进度。
// 创建 XHR 对象var xhr = new XMLHttpRequest()// 监听 xhr.upload 的 onprogress 事件xhr.upload.onprogress = function(e) {// e.lengthComputable 是一个布尔值，表示当前上传的资源是否具有可计算的长度if (e.lengthComputable) {// e.loaded 已传输的字节// e.total 需传输的总字节var percentComplete = Math.ceil((e.loaded / e.total) * 100)}}
可以基于Bootstrap渲染进度条
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title><link rel="stylesheet" href="./lib/bootstrap.css" /><script src="./lib/jquery.js"></script>
</head><body><!-- 1. 文件选择框 --><input type="file" id="file1" /><!-- 2. 上传文件的按钮 --><button id="btnUpload">上传文件</button><!-- bootstrap 中的进度条 --><div class="progress" style="width: 500px; margin: 15px 10px;"><div class="progress-bar progress-bar-striped active" style="width: 0%" id="percent">0%</div></div><br /><!-- 3. img 标签，来显示上传成功以后的图片 --><img src="" alt="" id="img" width="800" /><script>// 1. 获取到文件上传按钮var btnUpload = document.querySelector('#btnUpload')// 2. 为按钮绑定单击事件处理函数btnUpload.addEventListener('click', function() {// 3. 获取到用户选择的文件列表var files = document.querySelector('#file1').filesif (files.length <= 0) {return alert('请选择要上传的文件！')}var fd = new FormData()// 将用户选择的文件，添加到 FormData 中fd.append('avatar', files[0])var xhr = new XMLHttpRequest()// 监听文件上传的进度xhr.upload.onprogress = function(e) {if (e.lengthComputable) {// 计算出上传的进度var procentComplete = Math.ceil((e.loaded / e.total) * 100)console.log(procentComplete)// 动态设置进度条$('#percent').attr('style', 'width: ' + procentComplete + '%;').html(procentComplete + '%')}}xhr.upload.onload = function() {$('#percent').removeClass().addClass('progress-bar progress-bar-success')}xhr.open('POST', 'http://www.liulongbin.top:3006/api/upload/avatar')xhr.send(fd)xhr.onreadystatechange = function() {if (xhr.readyState === 4 && xhr.status === 200) {var data = JSON.parse(xhr.responseText)if (data.status === 200) {// 上传成功document.querySelector('#img').src = 'http://www.liulongbin.top:3006' + data.url} else {// 上传失败console.log('图片上传失败！' + data.message)}}}})</script>
</body></html>
8. 使用jQuery实现文件上传
ajaxStart(callback)
Ajax 请求开始时，执行 ajaxStart 函数。$(document).ajaxStart() 函数会监听当前文档内所有的 Ajax 请求。
// 自 jQuery 版本 1.8 起，该方法只能被附加到文档$(document).ajaxStart(function() {$('#loading').show()})ajaxStop(callback)
Ajax 请求结束时，执行 ajaxStop 函数。
// 自 jQuery 版本 1.8 起，该方法只能被附加到文档$(document).ajaxStop(function() {$('#loading').hide()})上传文件
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title><script src="./lib/jquery.js"></script>
</head><body><input type="file" id="file1" /><button id="btnUpload">上传文件</button><br /><img src="./images/loading.gif" alt="" style="display: none;" id="loading" /><script>$(function () {// 监听到Ajax请求被发起了$(document).ajaxStart(function () {$('#loading').show()})// 监听到 Ajax 完成的事件$(document).ajaxStop(function () {$('#loading').hide()})$('#btnUpload').on('click', function () {var files = $('#file1')[0].filesif (files.length <= 0) {return alert('请选择文件后再上传！')}var fd = new FormData()fd.append('avatar', files[0])// 发起 jQuery 的 Ajax 请求，上传文件$.ajax({method: 'POST',url: 'http://www.liulongbin.top:3006/api/upload/avatar',data: fd,processData: false,contentType: false,success: function (res) {console.log(res)}})})})</script></body></html>
9. axios
Axios是专注于网络数据请求的库。
- 相比于原生的 XMLHttpRequest 对象，axios 简单易用。
相比于 jQuery，axios 更加轻量化，只专注于网络数据请求。
发起GET请求
document.querySelector('#btn1').addEventListener('click', function () {var url = 'http://www.liulongbin.top:3006/api/get'var paramsObj = { name: 'zs', age: 20 }axios.get(url, { params: paramsObj }).then(function (res) {// res.data里才是服务器返回的数据console.log(res.data)})})
发起POST请求
document.querySelector('#btn2').addEventListener('click', function () {var url = 'http://www.liulongbin.top:3006/api/post'var dataObj = { address: '北京', location: '顺义区' }axios.post(url, dataObj).then(function (res) {console.log(res.data)})})
axios发起请求
axios({method: '请求类型',url: '请求的URL地址',data: { /* POST数据 */ },params: { /* GET参数 */ }}) .then(callback)
get
document.querySelector('#btn3').addEventListener('click', function () {var url = 'http://www.liulongbin.top:3006/api/get'var paramsData = { name: '钢铁侠', age: 35 }axios({method: 'GET',url: url,params: paramsData}).then(function (res) {console.log(res.data)})})
post
document.querySelector('#btn4').addEventListener('click', function () {axios({method: 'POST',url: 'http://www.liulongbin.top:3006/api/post',data: {name: '娃哈哈',age: 18,gender: '女'}}).then(function (res) {console.log(res.data)})})
如何快速入门Ajax（学习笔记）—— 原生ajax、jQuery、axios相关推荐
- 一、AJAX学习笔记——原生AJAX （ajax简介、XML简介、ajax优缺点、ajax的使用）
第 1 章:原生 AJAX 1.1 AJAX 简介 AJAX 全称为 Asynchronous JavaScript And XML,就是异步的 JS 和 XML. 通过 AJAX 可以在浏览器中向服 ...
- 【笔记目录1】【jessetalk 】ASP.NET Core快速入门_学习笔记汇总
当前标签: ASP.NET Core快速入门 共2页: 1 2 下一页 任务50:Identity MVC:DbContextSeed初始化 GASA 2019-03-02 14:09 阅读:16 ...
- 【编程不良人】快速入门Spring学习笔记08---事务属性、Spring整合Structs2框架(SM)、Spring整合Mybatis+Struts2(SSM)、Spring注解、SSM注解式开发
1. 事务属性 1.1 事务传播属性 配套视频:[编程不良人]快速入门Spring,SpringBoot.SpringCloud学不好完全是因为Spring没有掌握!_哔哩哔哩_bilibili # ...
- Vue的快速入门通俗易懂(学习笔记)
本文是观看"[狂神说Java]Vue最新快速上手教程通俗易懂 "所记录的笔记,读者结合视频阅读更佳,文章包含了个人对相关知识点的粗略理解,借此进行分享,文中代码结构理解有误的地方, ...
- AJAX学习笔记——发送AJAX的POST请求，模拟from表单提交
关于AJAX发送POST请求,首先演示一个小案例. 当输入用户名:张三,密码:123.点击发送请求按钮 这是用post请求模拟的表单提交.接下来看一下如何用AJAX发送POST请求 后端代码: @We ...
- 【编程不良人】快速入门SpringBoot学习笔记06---RestFul、异常处理、CORS跨域、Jasypt加密
1. RestFul 配套视频:[编程不良人]2021年SpringBoot最新最全教程_哔哩哔哩_bilibili 1.1 引言 REST全称是(Resources) Representationa ...
- AJAX 学习笔记[四] AJAX 对服务器返回的XML 的处理
在AJAX 中,服务器端如果返回的XML 文档,则可以通过异步对象的responseXML 属性来获取器XML 数据.而开发者可以利用DOM 的相关方法对其进行处理. 假设服务器返回的XML 文档,如 ...
- .NET Core on K8S快速入门课程--学习笔记
课程链接:http://video.jessetalk.cn/course/explore 良心课程,大家一起来学习哈! 目录 01-介绍K8s是什么 02-为什么要学习k8s 03-如何学习k8s ...
- python正则表达式快速入门_Python学习笔记——正则表达式入门
标签: # 本文对正则知识不做详细解释,仅作入门级的正则知识目录. 正则表达式的强大早有耳闻,大一时参加一次选拔考试,题目就是用做个HTML解析器,正则的优势表现得淋漓尽致.题外话不多讲,直接上干货: ...
- jQuery学习笔记：Ajax(二)
接上篇"jQuery学习笔记:Ajax(一)". 3.jQuery.get(url,[data],[callback],[type])通过远程 HTTP GET 请求载入信息. 这 ...
最新文章
- JPA 复杂查询 - Querydsl
- 网站集成支付宝的方法和所需资料下载
- Opengl-光照-颜色(其实要想做出好看的东西这章最重要了)
- 【原创】Quartz代码详解
- hadoop扩充磁盘操作记录
- 鸿蒙是否会开源,鸿蒙会不会开源？鸿蒙终于迎来新发展
- java对接电信nb物联网平台_解决传统GPS定位弊端，中国电信NB网关一招致胜
- SDUT 2170 The Largest SCC bfs+tarjan
- 第0章 Oracle的安装及相关配置
- Hadoop KMS 透明加密配置以及测试
- m118w重置墨粉_富士施乐 Fuji Xerox DocuPrint M118w 加粉及清零
- animation 详细讲解
- 如何用ps将图片修改成指定大小
- 微信图文素材中图片url替换
- 以桨为楫 修己度人（一）
- Java 设置PDF文档过期时间（有效时间）
- Android 打开系统蓝牙设置
- 读书笔记-尖刀团队特训记
- 照片、摄影处理中的基本知识
- md5压缩函数用java实现,MD5压缩算法介绍