使用navigator.sendBeacon发送请求

weixin_45849565

已于 2023-10-16 16:50:21 修改

阅读量987

点赞数 1

文章标签：前端 javascript

于 2023-10-16 16:46:54 首次发布

本文链接：https://blog.csdn.net/weixin_45849565/article/details/133862150

版权

1、请求参数为JSON格式

<button class="send">发送</button>
const send = document.querySelector('.send')
send.addEventListener('click', () => {
    let data = JSON.stringify({name:'test'})
    const blob = new Blob([data], { type: 'application/json' })
    navigator.sendBeacon('http://localhost:3000/api/beacon',blob,{
        type:"beacon"
    })
})

2、请求参数为FormData格式

<button class="send">发送</button>
const send = document.querySelector('.send')
send.addEventListener('click', () => {
    const formData = new FormData();
    formData.append('key', this.taskId);
    navigator.sendBeacon(this.$api.cancelTask, formData);
})