首页 > 其他 > 详细

ES6---继续RESTful

时间:2020-04-24 18:35:39      阅读:66      评论:0      收藏:0      [点我收藏+]

ES6---继续RESTful

 

1. POST请求,添加数据

function addTodo() {
    console.log(‘POST 请求‘);
    axios.post(‘http://jsonplaceholder.typicode.com/todos‘, {
        "title": "xiaomin is reading",
        "completed": false
    }).then(result => {
        console.log(result);
    }).catch(error => console.log(error));
}

 

console:

技术分享图片

 

 

2. PUT,在url后面加上id

//PUT/patch请求
function updateTodo() {
    console.log(‘PUT/patch请求‘);
    axios.put(‘http://jsonplaceholder.typicode.com/todos/1‘, {
        title: "xiaomin is reading",
        completed: false
    }).then(result => {
        console.log(result);
    }).catch(error => {
        console.log(error);
    })
}

 

console:

技术分享图片

 

 

3. PATCH请求

//PUT/patch请求
function updateTodo() {
    console.log(‘PUT/patch请求‘);
    axios.patch(‘http://jsonplaceholder.typicode.com/todos/1‘, {
        userid: 1,
        title: "xiaomin is reading",
        completed: false
    }).then(result => {
        console.log(result);
    }).catch(error => {
        console.log(error);
    })
}

 

console:

技术分享图片

 

 

 

4. delete

//Delete请求
function removeTodo() {
    console.log(‘delete 请求‘);
    //ajax里面是 url?id=1   ===>url/1
    axios.delete(‘http://jsonplaceholder.typicode.com/todos/1‘)
        .then(result => { console.log(result); })
        .catch(error => { console.log(error); })
}

 

console:

技术分享图片

 

 

5. 批量请求数据

//批量请求数据
function getData() {
    console.log(‘批量请求数据‘);
    axios.all([
        axios.get(‘file:///C:/Users/Administrator/Desktop/BStudy/1111.json‘),
        axios.get(‘file:///C:/Users/Administrator/Desktop/BStudy/1112.json‘)
    ]).then(result => {
        console.log(result);
    });
}

 

console:

技术分享图片

 

 

技术分享图片

 

 

6. 

//批量请求数据
function getData() {
    console.log(‘批量请求数据‘);
    axios.all([
        axios.get(‘file:///C:/Users/Administrator/Desktop/BStudy/1111.json‘),
        axios.get(‘file:///C:/Users/Administrator/Desktop/BStudy/1112.json‘)
    ]).then(axios.spread((a1, a2) => { //分发数据
        console.log(a1.data);
        console.log(a2.data);
    }))
}

 

console:

技术分享图片

 

 

7.

 

ES6---继续RESTful

原文:https://www.cnblogs.com/jane-panyiyun/p/12767170.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!