码迷,mamicode.com
首页 > 其他好文 > 详细

vue-resource 发起get、post请求

时间:2019-11-15 20:47:00      阅读:50      评论:0      收藏:0      [点我收藏+]

标签:result   char   his   set   src   init   服务器   获取   数据   

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="./node_modules/vue/dist/vue.js"></script>
    <script src="./node_modules/vue-resource/dist/vue-resource.js"></script>
    <!--路径为本地路径-->
</head>
<body>
    <div id="app"></div>
    <script>
       var vm = new Vue({    // 创建新的 vue 实例
           el = "#app",      // 获取id
           data = {},        // 数据对象
           // 发起请求
           getInfo () { // 发起 get 请求
            this.$http.get(url, {params: {JSONdata} }.then(function(result){
                 console.log(result) 
                 console.log(result.body)// 通过 result.body 拿到服务器返回内容
               })) 
             },
           postInfo () {
                  // 第一个是地址,第二个是提交数据,第三个是格式 为普通表单
                  this.$http.post('url', {}, {emulateJSON: true}).then( 
                      result=>{
                          console.log(result.body)
                      }
                  )
              },
        })
    </script>

</body>
</html>

vue-resource 发起get、post请求

标签:result   char   his   set   src   init   服务器   获取   数据   

原文地址:https://www.cnblogs.com/tonedog/p/11869123.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!