vue基础之使用get、post、jsonp实现交互功能示例

最新推荐文章于 2024-05-08 18:03:08 发布

霜如明月

最新推荐文章于 2024-05-08 18:03:08 发布

阅读量1.2k

点赞数

分类专栏： vue 文章标签： vue

本文链接：https://blog.csdn.net/q3254421/article/details/88913199

版权

本文介绍在Vue中如何使用vue-resource库进行数据交互，包括get请求获取文本数据和发送数据，post请求的运用，以及详细阐述了jsonp方式与百度、360接口的对接操作，旨在帮助开发者提升前端交互能力。

摘要由CSDN通过智能技术生成

一、如果vue想做交互，引入: vue-resouce

二、get方式

1、get获取一个普通文本数据:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title></title>
  <style>
  </style>
  <script src="vue.js"></script>
  <script src="vue-resource.js"></script>
  <script>
    window.function(){
      new Vue({
        el:'body',
        data:{
        },
        methods:{
          get:function(){
            this.$http.get('a.txt').then(function(res){
              alert(res.status);//成功
              alert(res.data);
            },function(res){
              alert(res.status);//失败返回
              alert(res.data);
            });
          }
        }
      });
    };
  </script>
</head>
<body>
  <input type="button" value="按钮" @click="get()&#

最低0.47元/天解锁文章

霜如明月

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
vue基础之使用get、post、jsonp实现交互功能示例

一、如果vue想做交互，引入: vue-resouce二、get方式1、get获取一个普通文本数据:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style> </style...
复制链接

扫一扫