javascript – Nach der Verwendung von Ajax zum Senden von Daten funktioniert das Senden des Seitenformulars nicht

Question

Verwenden Sie .ajax in einem Formular, um eine ausgewählte sekundäre Verknüpfung herzustellen. Die von Ajax zurückgegebenen Daten können erfolgreich abgerufen werden. Wenn Sie jedoch die Formularschaltfläche verwenden müssen, um die gesamten Formulardaten zu senden, reagiert die Schaltfläche nicht Was ist los?

Code

<script>
    $(document).ready(function(){
           $('#subject').change(function(){
              var objectModel = {};
              var   value = $(this).val();
              var   type = $(this).attr('id');
              objectModel[type] =value;
              $.ajax({
                  cache:false,
                  type:"POST",
                  url: "URL",
                  dataType:"json",
                  data:objectModel,
                  error:function(XMLHttpRequest, textStatus, errorThrown) {
                             alert(XMLHttpRequest.status);
                         },

                  success:function(data){
                      $("#category").empty();
                      var count = data.length;
                      var i = 0;
                          var b="<option>请选择</option>";
                         for(i=0;i<count;i++){
                             b+="<option value='"+data[i].id+"'>"+data[i].category+"</option>";
                         }
                      $("#category").append(b);
                  }
              });
          });
    });
</script>

HTML

             <form action="/admin/blogs/create" method="post">
                     {:token()}
              <p class="form-group form-group-sm form-inline">
                <label for="title" class="control-label">标题</label>
                <input type="text" class="form-control" style="width: 400px;" id="title" name="title" required="required">
              </p>

              <p class="form-group form-group-sm form-inline">
                <label for="subject"> 板块</label>
                <select class="form-control" style="width: 200px;" id="subject" name="subject">
                        <option>请选择板块</option>
                         <!-- 这里是后台数据 -->
                </select>
              </p>

              <p class="form-group form-group-sm form-inline">
                <label for="category">子类</label>
                <select class="form-control" style="width: 200px;" id="category" name="category">
                        <option>请选择</option>
                        <!-- 这里需要获取ajax数据  -->:w
                </select>

              </p>
              <p class="form-group">
                      <label for="content">内容</label>
                      <textarea id="content" name="content" class="form-control" required="required" rows="12"></textarea>
              </p>
                <button type="submit" class="btn btn-success">新增</button>
             </form>

Answer 1

贴上html代码

Answer 2

submit可能需要重新再绑一次