通过 ajax 向控制器发送数据不起作用

Question

我正在使用 codeigniter 开发一个购物车。当我通过 ajax 向控制器发送数据时，它不起作用。这是我正在使用的 ajax 代码 您可以在以下链接中查看我的演示网站

http://cableandmedia.com/ayurstore/products

$(".add_to_cart").click(function(event) {

  var id=$(this).data('id'); 
 
  var qty=$("#item_"+id).val();
 
  
  $.ajax({
            type: 'POST',
            url: '<?php echo base_url("ajax_controller/add_to_cart/'+id+'/'+qty+'")?>',
            data: { id:id }, 
            success:function(response){
            $("#total_items").html(response);
            $(".view_cart").click();
     }
  });

<input type="number"  value="1" id="item_<?php echo $row->product_id; ?>"  />
<a  id="edit_product" data-id="<?php echo $row->product_id; ?>" class="add_to_cart">Add to Cart</a>

当我警报（数量）和警报（id）时，我得到了结果。 但我没有在我的 ajax_controller 中获取值。

这是我的控制器

public function add_to_cart($pid,$qty)
	{
		$this->load->model('product_model');
		$query=$this->product_model->get_product($pid);
		
		foreach ($query->result() as $row)
		{
    		$name=$row->product_name;
    		$price=$row->price;
    		$img=$row->img_name;
		}
		
		
			$data = array(
               'id'      => $pid,
               'qty'     => $qty,
               'price'   => $price,
               'name'    => $name,
               'options' => array('Status' => 'New')
            );

			$this->cart->insert($data);
			
			echo count($this->cart->contents());
	}

Answer 1

Ajax_controller::add_to_cart() 缺少参数 1 是遇到的 php 错误。所以问题出在 url。产品id和数量不与url一起传递。所以改变url如下。

           <?php echo base_url("ajax_controller/add_to_cart/")?>"+id+"/"+qty

Answer 2

$(".add_to_cart").click(function(event) {

  var id=$(this).data('id'); 
 
  var qty=$("#item_"+id).val();
 
  
  $.ajax({
            type: 'POST',
            url: '<?php echo base_url("ajax_controller/add_to_cart/")?>',
            data: { pid:id,qty:qty }, 
            success:function(response){
            $("#total_items").html(response);
            $(".view_cart").click();
     }
  });

<input type="number"  value="1" id="item_<?php echo $row->product_id; ?>"  />
<a  id="edit_product" data-id="<?php echo $row->product_id; ?>" class="add_to_cart">Add to Cart</a>

更改控制器代码，如

public function add_to_cart()
{
    $pid = $this->input->post('pid');
    $qty = $this->input->post('qty');
    $this->load->model('product_model');
    $query=$this->product_model->get_product($pid);

    foreach ($query->result() as $row)
    {
        $name=$row->product_name;
        $price=$row->price;
        $img=$row->img_name;
    }


        $data = array(
           'id'      => $pid,
           'qty'     => $qty,
           'price'   => $price,
           'name'    => $name,
           'options' => array('Status' => 'New')
        );

        $this->cart->insert($data);

        echo count($this->cart->contents());
}

Answer 3

更改 ajax 网址 您在 php 标记内使用 java 脚本变量。

$(".add_to_cart").click(function(event) {

  var id=$(this).data('id'); 
 
  var qty=$("#item_"+id).val();
 
  
  $.ajax({
            type: 'POST',
            url: "<?php echo base_url('ajax_controller/add_to_cart/')?>"+id+"/"+qty,
            data: { id:id }, 
            success:function(response){
            $("#total_items").html(response);
            $(".view_cart").click();
     }
  });

<input type="number"  value="1" id="item_<?php echo $row->product_id; ?>"  />
<a  id="edit_product" data-id="<?php echo $row->product_id; ?>" class="add_to_cart">Add to Cart</a>

Answer 4

您正在将值从 ajax 作为 post 传递，因此请尝试使用它来获取它

在你的 ajax 中

    jQuery.ajax({
    type: "POST",
    url: '<?php echo base_url("ajax_controller/add_to_cart")'?>,
    dataType: 'json',
    data: {id: id, qty: qty},
    success: function(res)

在你的控制器中编写以下代码

$this->input->post('id');
$this->input->post('qty');