Javascript 使用ajax向laravel发送数据

我想分别向Laravel控制器发送一个多步骤表单数据，将它们存储到MySQL中。 例如，发送以下输入数据

<ul>
    <li>
        <input type="radio" class="step1r1" value="1" name="step1">
    </li>
    <li>
        <input type="radio" class="step1r2" value="2" name="step1">
    </li>
    <li>
        <input type="radio" class="step1r3" value="3" name="step1">

    </li>
    <li>
        <input type="radio" class="step1r4" value="" name="step1">
    </li>
</ul>

如果我理解正确的话，我想是这样的

   $(".step1r1").onChange(function(e){
      e.preventDefault();
      $.ajax({
        url: "/post-route",
        type: 'post',
        dataType: 'JSON',
        data: $(".step1r1").val(),
        success: function(data){
         // success 
         }
        }
      });
    });

---

你是怎么做的？您只显示了一些HTML