jquery - 将输入数据作为数组传递给 jquery

Question

我有要求学生使用foreach回答问题（哪些问题从数据库中检索），当所有答案都填满时，我必须传递给jquery，然后传递给控制器​​并保存到数据库。

<div>
    <tbody>
        <?php foreach ($questions as $question) { ?>
        <tr>
            <td ><?php echo $question['id']; ?></td>
            <td> <?php echo $question['question']; ?> </td>
            <td><input type='text' name='name' required="required" class="form-control" placeholder='Enter Your Answer'></td>
            // this is answer field associated with each question
        </tr>
        <?php } ?>  
    </tbody> 
</div>
<button class="btn btn-primary nextBtn btn-lg pull-right" id ="next" type="button" >Next</button>

当学生填写所有答案时，这个（问题和答案）传递给 jquery，这是脚本

<script>
          $(document).ready(function($){
            $(".gg").click(function(){
            var array = $("input[name]").val();
            $.ajax({
          type: "POST",
          datatype:"json",
          url: BASE_URL+"student/info",
          data: 'data='+array,

          success: function(response) {


          }});

        return false;
    });  
});
        </script>    

当学生提交答案时，只有第一个答案传递给 jquery 函数，无法传递所有答案

Answer 1

数据格式不正确

data: {'data=': array_variable },

如果您想更好地发送所有表单数据，您可以将其序列化并将其发送到您的 php 端并在那里序列化。例如：

data : $('#form').serialize()

没有序列化的 ELSE

var textboxes = $('input[name="answer[]"]').val();
data : {'data':textboxes},

Answer 2

您需要动态给出输入文本框的名称

在代码中

<div>
      <form name='question' id='question' >
        <tbody>
            <?php foreach ($questions as $question) { ?>
            <tr>
                <td ><?php echo $question['id']; ?></td>
                <td> <?php echo $question['question']; ?> </td>
                <td><input type='text' name='name[<?php echo $question["id"]; ?>]' required="required" class="form-control" placeholder='Enter Your Answer'></td>
                // this is answer field associated with each question
            </tr>
            <?php } ?>  
        </tbody> 
      </form>
    </div>
    <button class="btn btn-primary nextBtn btn-lg pull-right" id ="next" type="button" >Next</button>

在脚本中

<script>
$(document).ready(function($){
$("#id").click(function(){
    $.ajax({
        type: "POST",
        url: BASE_URL+"student/info",
        data: $('#question').serialize(),

        success: function(response) {


        }});

        return false;
      });  
});     
</script>