前端调用api接口方法总结(marksheng版)

- 日理万妓 2022-11-17 03:51 244阅读 0赞

# vue-resource(弃用了已经) #

> **this.$http.get().then();**
> 
> **this.$http.post().then();**
> 
> **this.$http.jsonp().then();**

# axios（常用）  #

> GET方式：
> 
> **axios.get().then().catch()**
> 
> 注：get方式传参数可以直接跟在url后面，也可以通过param对象传
> 
>  
> 
> POST方式：
> 
> **axios.post().then().catch()**
> 
> 注：post方式传参必须用对象传
> 
>

# websocket  #

> vue小dem中使用 ：
> 
>     export default{
>     data(){
>          return {
>               webSocket:null
>           }
>     },
>     created(){
>          //页面刚进入时开启长连接
>           this.initWebSocket();
>     },
>     destroyed(){
>          //页面销毁时关闭长连接
>          this.webSocketClose();
>     },
>     methods: {
>         initWebSocket(){            //初始化websocket
>              const url='ws://121.40.165.18:8800';
>              this.webSocket=new WebSocket(url);
>              this.webSocket.onopen=this.socketOpen;
>              this.webSocket.onerror=this.socketError;
>              this.webSocket.onmessage=this.socketMessage;
>              this.webSocket.onclose=this.webSocketClose;
>         },
>         socketOpen(){
>                console.log('socket open');
>         },
>         socketError(e){
>               console.log('socket error');
>        },
>         socketMessage(e){
>              /* const redata = JSON.parse(e.data);*/
>             //获取数据并且处理数据的地方
>             console.log(e);
>        },
>          websocketsend(agentData){//数据发送
>              this.websock.send(agentData);
>        },
>         webSocketClose(e){
>              console.log("connection closed");
>         }
>       }
>     
>     }
> 
>