vue项目使用axios

使用：

npm install axios --save-dev

在main.js中import：

 

 

使用：

（1）:POST方式

let data= [{receiveAdd:receiveAddVal, sendAdd:sendAddVal,distance:distance,goodsName:goodsName,editname:editname,weight:weight,editnotename:editnotename,dataTime:dataTime,receiveName:receiveName,receiveSex:receiveSex,receiveTel:receiveTel,sendName:sendName,sendSex:sendSex,sendTel:sendTel,price:price}]
        this.$ajax({
          method: 'post',
          url: 'http://192.168.31.248:8080/sd_tech/PlaceOrder.do',
          dataType:'json',
          data:{
            dataDetail: JSON.stringify(data)
          }
        }).then(response=>{
          alert('post code done')
          this.$router.push({path:'/pay'})
        }).catch(function(err){
          console.log(err)
        });

（2）:GET方式

<script>
import $ from 'jquery'
export default {
  name: 'totleOrder',
  data () {
    return {
      anylist: []
    }
  },
  mounted () {
    this.ready()
  },
  methods: {
    ready: function () {
      $.ajax({
        type: 'GET',
        url: './../../../static/total.json',
        data: {},
        dataType: 'json'
      }).then(res => {
        // console.log(res)
        // console.log(res.data)   // console.log(res.data.length)就是获取到几条数据
        this.anylist = res.data
      })
        .catch(error => {
          console.log(error)
        })
    }
  }
}
</script>