Vueフレームaxios要求(ajax要求に類似)

Vueフレームaxios get要求(ajax要求に類似)
まず紹介します.このaxios要求が一番はっきりしているところは、この要求を通じて提出する時にページが更新されません.

    
    
    
    



    
    

        

              ：{{ item.cityCode}}
              ：{{ item.cityName}}
        
    



    new Vue({
        el:'#myapp',
        data:{
            stulist:[]
        },
        methods:{
            showlist:function () {
                url="./hotcity.json";            json    
                var self = this;
                axios.get(url)
                    .then(function (response) {
                        self.stulist = response.data.data.hotCity;
                        console.log(response)
                    .catch(function (err) {

                      })
                 })

            }
        }
    })

Vueフレームaxios post要求(ajax要求と類似)
このビューデータはget要求を使用していますが、データを追加する際にget要求を使用すると追加のデータがurlに露出されます.したがって、axiosの中のpost要求を使用して、データを要求体に保存する.
このようにユーザーのデータは安全です.

    
    
    
    


    

        
        
        
    
    
        new Vue({
            el:'#myapp',
            data: {
                uname:'',
                passw:''
            },
            methods:{
                login:function () {
                    alert(222);
                    url = "hotcity.json";
                    axios.post(url,{
                        name:this.uname,
                        password:this.passw
                    },{
                        "headers":{"Content-Type":"application/x-www-form-urlencoded"}

                    }).then(function (response) {
                        console.log(response)
                        if (response.code == 1){
                            window.location.href = "http://www.baidu.com"
                        }
                    }).catch(function (error) {
                        
                    })
                }
            }
        })

    

　　
転載先:https://www.cnblogs.com/guobaoyuan/p/7844828.html