Javascript 如何在不使用jquery刷新的情况下创建下一个和上一个按钮

现在我有一个问题，当点击下一步按钮，然后网站将重新加载，它真的取决于可用的网络。我试图在单击时创建下一个和上一个按钮，而不刷新网站。但是我有个问题，请解决它

谁能帮我看看，找出哪里出了问题

这是霉菌

看法`

索阿尔
否

您现在正在做的是一个同步调用，这保证了页面加载。卷起javascript脚本袖子，看看异步调用。我打赌这个命令会帮助你。你现在正在做的是一个同步调用，这保证了页面加载。卷起javascript脚本袖子，看看异步调用。我打赌命令会帮你的。
<form id="form-jawab" action="" method="post">


<section id="latihan">
    <div class="container">
      <div class="row wrap">

    <div class="col-lg-6 col-md-12" id="start">
      <div class="card soal">
        <div class="card-header">Soal</div>
        <div class="card-body">
          <div class="wrap-soal">
            <p class="nomor" id="nomor">No.<?php echo $this->uri->segment(4); ?></p>
            <p class="description-soal" id="pertanyaan"><?php echo $soal->pertanyaan ?></p>
            <input type="hidden" name="id_soal" id="id_soal" value="<?php echo $soal->id_soal ?>">
            <input type="hidden" name="kode_mulai" value="<?php echo $detail->kode_mulai ?>">
         

            <label for="radio1" id="jawaban_a" class="container">
              A. <?php echo $soal->jawaban_a ?>
              <input type="radio" name="jawaban" id="radio1" value="A" <?php if ($list_soal[$this->uri->segment(4)]['jawaban'] == 'A') : ?> checked <?php endif ?> />
              <span class="checkmark"></span>
            </label>
          
          </div>
        </div>
      </div>
      
    <div class="col-lg-3 col-md-12">
      <div class="card">
        <div class="card-header">Navigasi Soal</div>
        <div class="card-body">
          <div class="row navigasi">
            <div class="col-4">
              <?php if ($list_soal[$this->uri->segment(4)]['no_soal'] - 1 != 0) : ?>
                <button class="indikator" data-id="<?php echo $list_soal[$this->uri->segment(4)]['id_soal'] ?>" data-no="<?php echo $list_soal[$this->uri->segment(4)]['no_soal'] - 1 ?>" style="background: none; border: 0;cursor: pointer;"><i class="fa fa-backward"></i> <br>Prev</button>
              <?php endif ?>
            </div>
           
            <div class="col-4">
              <?php if ($list_soal[$this->uri->segment(4)]['no_soal'] + 1 <= $penyelesaian['total']) : ?>
                <button class="indikator" id="next_button" data-id = "<?php echo $list_soal[$this->uri->segment(4)]['id_soal'] ?>" data-no = "<?php echo $list_soal[$this->uri->segment(4)]['no_soal'] + 1 ?>" style="background: none; border: 0;cursor: pointer;"> <i class="fa fa-forward"></i> <br>Next</a>
                <?php endif ?>
            </div>
          </div></div></div></section></form>

<script type='text/javascript'>
$(".indikator").click(function() {
let id = $(this).attr('data-id');
let no = $(this).attr('data-no');
let url = '<?php echo base_url() . 'jawab/soal/' . $detail->kode_mulai . '/' ?>';
$("#form-jawab").attr("action", url + no);
console.log(url + no);
});</script>