vue中简单的数据请求 fetch axios

fetch 不需要额外的安装什么东西,直接就可以使用

fetch(url, {
    method:‘post‘,
    headers: {
        ‘Content-Type‘: ‘application/x-www-form-urlencoded‘
    },
    body: "name=kerwin&age=100"
}).then(res => res.json()).then(data => {console.log(data)})

-------------------------------------------------------------------------------------

fetch(url, {
    method:‘post‘,
    headers: {
        "Content‐Type": "application/json"
    },
    body: JSON.stringify({
        name:"kerwin",
         age:100
    })
}).then(res => res.json()).then(data => {console.log(data)})

axios 必须得安装之后才能使用 cnpm i axios

mounted () {
      axios.get(‘请求的地址‘)
        .then(res => {
          console.log(res.data)
        })
    }

------------------------------------------------------------------------------

mounted () {
      axios.post(‘请求的地址‘, {
        username: ‘18813007444‘,
        password: ‘1234456‘
      }).then(res => {
          console.log(res.data)
        })
    }

原文地址:https://www.cnblogs.com/skydragonli/p/11602494.html

时间: 2024-11-09 09:16:56

vue中简单的数据请求 fetch axios的相关文章

vue中如何实现数据的双向绑定

vue中如何实现数据的双向绑定 实现视图变化数据跟着变:分两步,上面get中的为第二步(即再次读取的时候会调用get方法得到之前设置的值,以此来实现动态改变) 由于直接写obj.name = this.value;会导致循环调用set方法,所以要借助中间对象的形式把值赋给中间对象,获取obj.name的时候我们获取中间对象的最新值即可 let obj = {name:'zhufeng',age:9};//数据 let temp = {name:"lily"};//借助中间对象 let

vue中引入json数据,不用本地请求

1.我的项目结构,需要在Daily.vue中引入daily.js中的json数据 2.把json数据放入一个js文件中,用exports导出,vscode的json格式太严格了,很多数据,调了一个多小时的格式................. 例如:daily.js module.exports = { 'tmbTmbsContent': [[ {'label': '123'} ]], } 2.在Daily.vue文件中引入 import Daily from '@/assets/data/da

iOS 中web service数据请求

Web Service也叫XML Web Service WebService是一种可以接收从Internet或者其它系统中传递过来的请求,轻量级的独立的通讯技术. #import <UIKit/UIKit.h> //遵循NSURLConnectionDataDelegate协议 @interface ViewController : UIViewController<NSURLConnectionDataDelegate> //接受从服务器返回的数据 @property(stro

vue中简单的小插曲

我们现在来学习一下vue中一些简单的小东西: 首先我们必须要引入vue.js文件哦! 1.有关文本框里的checkbox js代码: new Vue({ el:"#app", data:{ mag:" " } }) html代码: <div id="app"> <input type="checkbox" v-model="mag"> <h1>{{mag}}</h1

vue中什么样的数据可以是在视图中显示

1. Vue中不可以添加不存在的属性,因为不存在的属性是没有getter和setter的. <div id="app"> {{msg.a}} {{msg.b}} </div> <script src="js/vue.js"></script> <script> let vm = new Vue({ el: "#app", data: { msg: { a: 1 } } }) vm.msg

vue中get和post请求

vue中和后台交互,首先要引用vue-resource.js vue-resource.js是专门和后台进行交互 <!-- ==============引入vue-resource插件=================--><script src="../js/vueJs/vue-resource.js"></script> vue中get请求 function getRequest(url, params) { return new Promise

Vue--axios:vue中的ajax异步请求(发送和请求数据)

一.使用axios发送get请求 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <meta http-equiv=&q

Vue--axios:vue中的ajax异步请求(发送和请求数据)、vue-resource异步请求和跨域

跨域原理: 一.使用axios发送get请求 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <meta http-eq

node.js中的后台数据请求mock,axios

<!-- axios 处理cross跨域 后台配置好的 1.安装 cnpm install --save-dev axios 2.引入axios 到项目 或者组件(仅限当前组件使用) --> // 使用axios 请求 Axios.get("/getuser") .then(res => { //succss console.log(res.data.result); }) .catch(error => { //error console.log(error)