在提交ajax表单后刷新选项卡，而不刷新视图

<!-- 前端页面 -->
<div class="tab">
  <ul class="nav nav-tabs">
    <li class="active"><a href="#tab1">选项卡1</a></li>
    <li><a href="#tab2">选项卡2</a></li>
  </ul>
  <div class="tab-content">
    <div id="tab1" class="tab-pane active">
      <!-- 表单 -->
      <form id="myForm">
        <!-- 表单内容 -->
        <input type="text" name="name" placeholder="姓名">
        <input type="email" name="email" placeholder="邮箱">
        <button type="submit">提交</button>
      </form>
    </div>
    <div id="tab2" class="tab-pane">
      <!-- 选项卡2的内容 -->
    </div>
  </div>
</div>

<script>
  $(document).ready(function() {
    // 监听表单提交事件
    $('#myForm').submit(function(event) {
      event.preventDefault(); // 阻止表单默认提交行为
      
      // 发送ajax请求
      $.ajax({
        url: '后端接口地址',
        type: 'POST',
        data: $(this).serialize(), // 表单数据序列化
        success: function(response) {
          // 根据需要刷新选项卡
          $('#tab2').html(response); // 修改选项卡2的内容
          $('.nav-tabs li:eq(1) a').tab('show'); // 切换到选项卡2
        }
      });
    });
  });
</script>