Back to Blog

前端如何避免接口重复提交

Web

2024/10/01

生成请求标识
每次请求前生成一个唯一的请求标识符,随请求一同发往服务器端,服务器端收到请求后,检查该请求标识符是否存在或已处理过。


function generateRequstID() {
  return Math.random().toString(36).substring(2, 9);
}

document.getElementById('submitBtn').addEventListener('click', function() {
  requestId = generateRequstID();
  fetch('/api/post', {
    method: 'POST',
    headers: {'X-Request-Id': requestId},
  }).then(function(response) {
    // process
  }).catch(function(error) {
    console.error('Error: ', error);
  });
});

Related Posts