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

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


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);
  });
});

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

oxxo

相关文章