使用jquery和ajax将按钮替换为另一个按钮

<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>

<button id="originalButton">原始按钮</button>

$(document).ready(function() {
  $('#originalButton').click(function() {
    // 发送Ajax请求
    $.ajax({
      url: 'your-api-endpoint', // 替换为你的API地址
      type: 'GET', // 替换为你的请求类型
      success: function(response) {
        // 请求成功后的处理逻辑
        replaceButton(); // 调用替换按钮的函数
      },
      error: function(error) {
        // 请求失败后的处理逻辑
        console.log(error);
      }
    });
  });
});

function replaceButton() {
  var newButton = $('<button id="newButton">新按钮</button>'); // 创建新按钮元素
  $('#originalButton').replaceWith(newButton); // 替换原始按钮为新按钮
}