axios的使用

125 阅读1分钟

一、axios

1.axios是专注于网络书记的请求
	(1) get
		axios.get ("url",{params:{name:"zs",age:20}}).then(function(){ })
	 (2) post
	 	axios.post ("url",{name:"zs",age:20}).then(function(){ })
	 (3) axios通用写法
	 	1.axios ({
	 		method:"get",
	 		url:"",
	 		params:{
	 		  name:"zs",
	 		  age:20,
	 		}
	 	})
	  2.axios({
	  		method:"post",
	  		url:"",
	  		data:{
	  			name:"zs",
	 		    age:20,
	  		}
	  })
2.axios请求体编码
  在post中,axios是application/json 编码
  语法: new URLseachParams()

二、了解同源策略与跨域

1.同源策略
  如果两个页面的协议,域名,端口都相同则两个页面同源
  http://    www.text.com  :80
   协议          域名        端口
  同源策略是浏览器提供的一个安全功能
2.跨域
  如果两个页面的协议,域名,端口都不相同则两个页面跨域
  jsonp:只支持get请求  不支持post

三、jsonp

1.jsonp的本质是JS文件 里面是写一个函数 函数的参数是JSON
2.jQuery中的jsonp的实现
   例如:
   $("button").on("click",function(){
   		$.ajax({
   			url:"",
   			datatype:"jsonp",
   			jsons:"success",
   			jsoncallback:"success",
   			success:function(res){
   			 console.log(res)
   			}
   		})
   })