全栈：总结请求数据的几种方法

核心代码

1. axios 用get请求给url2发送字段的代码

axios(url2,{params:obj})

axios.get(url2,{params:obj})

axios(url,{params:obj})

.then(res=>console.log(res))

 

 

2.axios 用post请求给url2发送字段的代码

axios.post(url2.obj)

var f=new FormData()
f.append("key",123)
axios.post(url2,f)

 

*axois.post(url,params)

3.axios 用post请求给url2发送字段和文件的代码

axios.post(url2.obj)

var f=new FormData()
f.append("key",123)
f.append("key",file1.files[0]/[1])
axios.post(url2,f)

*axois.post(url,files)

4.后端接受前端的GET请求发送的字段的代码

this.ctx.request.query或者ctx.query

 

5.后端接受前端的POST请求发送的字段的代码,并用中文或者代码写出EGG的配置

 

//接收数据
this.ctx.request.body
//接收文件
this.ctx.request.files[0]
this.ctx.request.files[1]

 

配置：

csrf 验证关闭

// config/config.default.js文件
//关闭csrf
   config.security={
     csrf:{
       enable:false
     }
   }

 

开启文件上传模式

// config/config.default.js文件
config.multipart = {
  mode: 'file',
};

 

 6、ajax-get

GET请求传参数给后端；参数会拼接到url中,不安全,速度快；后端返回的数据到前端，是xhr对象接收了程序员用js语言来使用返回的数据

 

var xhr=new XMLHttpRequest() 
var url=`http://192.168.6.60:7001/get1?count=20&keywords=${searvalue}`
xhr.open("GET",url)
xhr.send()
xhr.onreadystatechange=()=>{
　　if(xhr.readyState==4&&xhr.status==200){
　　　　console.log(xhr.responseText)
   } 
}