vue-resource 发起getpost请求

Posted 2020-11-23 tonedog

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue-resource 发起getpost请求相关的知识，希望对你有一定的参考价值。

<!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 发起getpost请求的主要内容，如果未能解决你的问题，请参考以下文章

vue-resource发起get,post,jsonp请求