使用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 之间进行资源的交互

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