关于Ajax的学习（五）

使用jquery发起上传文件的请求

$.ajax({

method:'post',

url:'~',

data:fd 注：fd是上文向FormData中追加的文件

contentType:false,

processData:false,

success:function(res){

console.log(res)}

})

用jQuery实现loading效果

ajaxStart(callback)

$(document).ajaxStart(function() {
    $('#loading').show()
})

ajaxStop(callback)

$(document).ajaxStop(function() {
    $('#loading').hide()
})

axios

Axios 是专注于网络数据请求的库。

相比于原生的 XMLHttpRequest 对象，axios 简单易用。

相比于 jQuery，axios 更加轻量化，只专注于网络数据请求。

发起GET请求

axios.get('http://~',{parmas:{参数}}).then(callback)

发起POST请求

axios.post('http://~',{参数}).then(callback)

直接使用axios发起请求

axios({

method:'请求类型',

url:'地址'

data:{POST的数据}

params:{GET的参数}

}).then(callback)

扩：

什么是同源

当两个协议、域名、端口都相同的页面（如：http://www.test.com:80/other.html）

什么是跨域

源指的是两个 URL 的协议、域名、端口一致，反之，则是跨域

出现跨域的根本原因：浏览器的同源策略不允许非同源的 URL 之间进行资源的交互

下一章如何实现跨域数据请求