无法使用 Ajax 和 jquery 将数据传递给控制器​​，CodeIgniter（PHP 框架）

Question

使用 AJAX 将数据传递给控制器 这是我编写的将数据传递给控制器​​的脚本，但数据没有传递给控制器​​

这是我要传递的输入数据

    <div class="form-group">
        <table class="table table-striped b-t b-light text-sm">
            <thead>
                <tr>
                <th>ID</th>
                <th>Question</th>
                <th>answer</th>
                </tr>
            </thead>
            <tbody>
                <?php foreach ($quet as $row) { ?>
                <tr>
                <td ><?php echo $row['id']; ?></td>
                <td>
                <?php echo $row['question']; ?>
                </td>
                <td><input type='text' name='name' required="required" class="form-control" placeholder='Enter Your Answer'></td>
                </tr>
                <?php } ?>  
            </tbody>
        </table>
    </div>
<button class="btn btn-primary nextBtn btn-lg pull-right" id ="next" type="button" >Next</button>

和脚本

<script>
           $(document).ready(function($){
    $("#next").click(function(){

     var array = $("name").val()

     $.ajax({
          type: "POST",
          datatype:"json",
          url: BASE_URL+"/student/add",
          data: 'data='+array,
          contentType:'application/json',
          processData: false,              
          error: function(response) {console.log('ERROR '+Object.keys(response)); },
          success: function(response) {
              console.log(response)

          }});

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

和学生控制器

function add(){

      if($this->student_model->add($this->input->post()))
        {
        $response['success'] = TRUE;
        }
        else
        {
        $response['success'] = FALSE;
        }
        echo json_encode($response);  
    }

Answer 1

试试这个。您的数据可能格式错误

data: {'data':array}

编辑

 <input type='text' name='answer' id='answer' required="required" class="form-control" placeholder='Enter Your Answer' />
<script>
   $(document).ready(function($){
        $("#next").click(function(){

        var array = $("#answer").val() // see the change name to id, see the html also

         $.ajax({
             type: "POST",
              url: BASE_URL+"/student/add",
              data:{'data':array},
              error: function(response) {console.log('ERROR '+Object.keys(response)); },
              success: function(response) {
                 console.log(response)
              }});
         });  
    });
 </script>

Answer 2

还要检查你的 JS 中是否正确接收了数组

<script>
  $(document).ready(function($){
    $("#next").click(function(){

     var array = $("#id").val()

     $.ajax({
          type: "POST",
          datatype:"json",
          url: BASE_URL+"/student/add",
          data: {
            'data':array
          },
          contentType:'application/json',
          processData: false,              
          error: function(response) {console.log('ERROR '+Object.keys(response)); },
          success: function(response) {
              console.log(response)

          }});

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

在您的控制器中，您应该将$this->input->post() 更改为$this->input->post('data')

Answer 3

从您提到的代码中，您需要检查以下几点：

1) 由于您使用的是contentType:'application/json',，所以使用数据格式为data: {'data':array}

2) 最后检查urlurl: BASE_URL+"/student/add",是否可以访问。

希望这会有所帮助:)

Answer 4

您需要在代码中更改以下内容。

在脚本中

<script>
$(document).ready(function($){
    $("#next").click(function(){

     var array = $("input[name]").val();

     $.ajax({

          type: "POST",
          url: BASE_URL+"/student/add",
          data: {'data':array},            
          error: function(response) {console.log('ERROR '+Object.keys(response)); },
          success: function(response) {
              console.log(response)

          },
          datatype:"json"
     });

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

在学生控制器中

function add(){

      if($this->student_model->add($this->input->post('data')))
        {
            $response['success'] = TRUE;
        }
        else
        {
            $response['success'] = FALSE;
        }
        echo json_encode($response);  
    }

希望对你有所帮助。