我如何使用Ajax在Codeigniter中发布数据

Question

我如何使用Ajax在Codeigniter中发布数据，这真是很困惑，这是我第一次一起使用Ajax和Codeigniter 这是我的Ajax代码

我试图将数据发送到控制器方法；

这是我的ajax

$(document).ready(function(){


$('#register_form').submit(function(evt){

var postData = $(this).serialize();


$.ajax({
url: baseURL+"admin/Products/add_product",
type:'post',
data:{productData:postData},
success:function(data){

}

});


});

}); 

这是我的表格

<?php $attribute = array( 'id'=>'register_form','form-horizontal'); ?>





 <?php echo form_open('admin/products/add_product',$attribute); ?>


<?php  echo form_label('product title'); ?>
 <?php echo form_input($data_product_title); ?>
<h6 style="color: red" class="require_error">this filed is required</h6>


<?php  echo form_label('product description'); ?>
 <?php echo form_textarea($data_product_description); ?>
 <h6 style="color: red" class="require_error">this filed is required</h6>

 <?php echo form_label('product price'); ?>
 <?php echo form_input($data_product_price); ?>
 <h6 style="color: red" class="require_error">this filed is required</h6>
 <?php echo form_label('product quantity'); ?>
 <?php echo form_input($data_product_quantity); ?>
<h6  style="color: red" class="require_error">this filed is required</h6>

 <?php echo form_submit($data_3); ?>


   <?php echo form_close(); ?>

Answer 1

希望这对您有帮助：

您的ajax脚本应如下所示：确保您的URL是正确的

$(document).ready(function(){

  $('#register_form').submit(function(evt){
    var postData = $(this).serialize();
    $.ajax({
      url : baseURL+"admin/Products/add_product",
      type:'post',
      data: postData,
      success:function(data)
      {
        console.log(data);
      }
    });
  evt.preventDefault();
  });
});

在您的add_product方法中，获得post的值，如下所示：

public function add_product()
{
   print_r($this->input->post()); // to print all post values
   exit;
}

更多信息：https://www.codeigniter.com/user_guide/libraries/input.html

Answer 2

`$('#add').click(function() {
        var form_data = {
           subject_name: $('#subject_name').val(),
           section: $('#section').val(),
           grade: $('#grade').val()enter code here
        };
        $.ajax({
           url:"<?php echo site_url('ViewCourses/SavingData');?>",
           type:'POST',
           data: form_data,
              success: function(msg) {
                if (msg == 'Yes')
                   document.location.reload(true);
                 else if (msg == 'No')
                   document.location.reload(true);
                 else
                    $('#alert-msg').html('<div class="alert alert-danger">' + msg+'</div>');
             }
         });
      return false;
});`

添加其按钮ID用于Onclick函数以使用Ajax提交值

form_data表单的所有表单字段