I have to pass data value to controller using ajax

Question

View File 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>

Hear i can pass the id to view but not work properly please help me to solved this problem

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

you did everything correct, but what is your problem?? "pass data value to controller using ajax" means what?? — kishor10d
– kishor10d, Commented Jun 15, 2017 at 11:49
TYPO: url:"<?=base_url()?>.index.php/Home/product_grid", typo remove dot before index.php in ajax url — JYoThI
– JYoThI, Commented Jun 15, 2017 at 11:49
Does the ajax call reach your controller's action? because the URL "<?=base_url()?>.index.php/Home/product_grid" seems weird to me — Ghassen Rjab
– Ghassen Rjab, Commented Jun 15, 2017 at 11:49

Rohan Kumar · Accepted Answer · 2017-06-16 06:50:24Z

3

You must have to use print or echo otherwise there will be no response sent to client side so use echo like,

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

And use the URL like,

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

AJAX Code,

jQuery.ajax({
   url:"<?=base_url()?>index.php/Home/product_grid",
   type:'POST',
   data: {id:id}, // no need of quotes to JSON Object keys
   success:function(data) {
       alert(data);
   }
});

edited Jun 16, 2017 at 6:50

answered Jun 15, 2017 at 11:51

Rohan Kumar

40.7k11 gold badges81 silver badges111 bronze badges

Sign up to request clarification or add additional context in comments.

9 Comments

Vidhi Patel Over a year ago

Hello Rohan This is also not perform properly

Rohan Kumar Over a year ago

Check in your browser's console for any errors and make sure that the AJAX request is made properly.

Vidhi Patel Over a year ago

I get data properly but not send to controller

Vidhi Patel Over a year ago

i Chcked and eroor alert can be run and display the html code. and not alert success function

Rohan Kumar Over a year ago

Give me your working Code URL, otherwise you have to check your controller's code. I think you are getting some errors in PHP code. Enable Logs in config file and check it for any errors.

|

Komal K. · Accepted Answer · 2017-06-15 11:50:38Z

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"

Use + for concatination instead of .

answered Jun 15, 2017 at 11:50

Komal K.

4802 silver badges14 bronze badges

2 Comments

Rohan Kumar Over a year ago

Concatenation operator is used to add multiple strings in JS not in a single string.

Félix Adriyel Gagnon-Grenier Over a year ago

Hey there. The + in the string will indeed not do what you think it will, you would need to close the string, put the plus, and reopen ("<?=base_url()?>"+"index.php/Home/product_grid"). However it's really not needed in this case.

Collectives™ on Stack Overflow

I have to pass data value to controller using ajax

2 Answers 2

9 Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

9 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related