我必须使用ajax将数据值传递给控制器

时间:2017-06-15 11:46:22

标签: javascript php jquery ajax codeigniter

查看文件 product_grid

 <div data_id="<?php echo $ro['category_id']; ?>" name="id" class="cbp-filter-item">
                                <?php echo $ro['category_name']; ?></div>

// try to post data using ajax                  

<script type="text/javascript">
    $(document).ready(function() {
    $('.cbp-filter-item').click(function(){
            var id=$(this).attr('data_id');
        //  alert(data_id);
            jQuery.ajax({
                url:"<?=base_url()?>.index.php/Home/product_grid",
                type:'POST',
                data: {"id":id},
                success:function(data) {
                   alert(data);
                }
            });
        });
    });
</script>

听说我可以通过id查看但不能正常工作请帮我解决这个问题

Controller ::
public function product_grid()
    {
        $id= $this->input->post('id');      
    }

2 个答案:

答案 0 :(得分:3)

您必须使用JOptionPaneprint否则将不会向客户端发送任何回复,因此请使用echo

echo

并使用像

这样的网址
public function product_grid(){
     $id= $this->input->post('id');
     echo 'Data-Id is: '.$id;
}

AJAX代码,

url:"<?=base_url()?>index.php/Home/product_grid", // let there is / in the end of base_url()

答案 1 :(得分:0)

<script type="text/javascript">
    $(document).ready(function() {
    $('.cbp-filter-item').click(function(){
            var id=$(this).attr('data_id');
        //  alert(data_id);
            jQuery.ajax({
                url:"<?=base_url()?>+index.php/Home/product_grid",
                type:'POST',
                data: {"id":id},
                success:function(data) {
                   alert(data);
                }
            });
        });
    });
</script>


url:"<?=base_url()?>+index.php/Home/product_grid"

使用+代替连接而不是。