【基础】发送请求

发送请求

• get

  • html

  <button @click="getRequest()">ajax(get)</button>
  

  • js

  // get请求
  getRequest: function () {
      this.$http.get('get.php').then(function (res) {
          alert(res.bodyText); // 打印字符串结果
          console.log(res.body); // 打印结果
      }, function (err) {
          console.log(err.body);
      });
  }
  

• post

  • html

  <button @click="postRequest()">ajax(post)</button>
  

  • js

  // post请求
  postRequest: function () {
      this.$http.post('post.php', {
          a: 1,
          b: 20
      }, {
          emulateJSON: true
      }).then(function (res) {
          alert(res.bodyText);
          console.log(res.body);
      }, function (err) {
          console.log(err.body);
      });
  }
  

• jsonp

  • html

  <button @click="jsonpRequest()">ajax(jsonp)</button>
  

  • js

  // jsonp跨域请求
  jsonpRequest: function () {
      this.$http.jsonp('https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su', {
          params: {
              wd: 'a'
          },
          jsonp: 'cb'
      }).then(function (res) {
          console.log(res)
      }, function (err) {
          console.log(err)
      })
  }