Axios basics (two): the basic usage of axios to add, delete, modify and check the server side

GET request

// 给第一个btn绑定GET请求
btns[0].onclick = function() {
    
    
    axios({
    
    
        method: 'GET',
        url: "http://localhost:3000/posts/2"
    }).then((response) => {
    
    
        console.log(response);
    })
}

POST request

// 给第二个按钮，绑定POST请求，既然是POST请求则需要请求体
btns[1].onclick = function() {
    
    
    axios({
    
    
        method: 'POST',
        url: "http://localhost:3000/posts",
        data: {
    
    
            title: "这是第三篇文章，菜根谭",
            author: "玩野猫"
        }
    }).then((response) => {
    
    
        console.log(response);
    })
}

PUT request

// 给第三个按钮，绑定PUT请求，PUT请求可以理解为修改已有的数据  需要加id
btns[2].onclick = function() {
    
    
    axios({
    
    
        method: 'PUT',
        url: "http://localhost:3000/posts/3",
        data: {
    
    
            title: "朱元璋很好看",
            author: "刘伯温"
        }
    }).then((response) => {
    
    
        console.log(response);
    })
}

DELETE request

// 给第四个按钮，绑定DELETE请求，需要加id
btns[3].onclick = function() {
    
    
    axios({
    
    
        method: 'delete',
        url: "http://localhost:3000/posts/3",
    }).then((response) => {
    
    
        console.log(response);
    })
}