Call function inside CodeIgniter's controller using jquery / ajax

Question

Can somebody please explain to me what is the right way to call a php function with jquery / ajax in Codeigniter. Right now, this code isn't working and i cant figure out whay. Note that admin.php controler is inside admin map. Thanks in advance

html code

<form action="#" method="POST" id="change">
             <input type="hidden" value="<?php echo $row->id_product; ?>" id="prod" >    
             <input type="submit" value="switch" >
</form>
<div class="resultdiv">
    <?php echo $data; ?>
</div>

my function inside admin.php controller

 public function do_search(){
        $id = $this->input->post('id');
        return $id;
    }

Jquery AJAX script

$( "#change" ).submit(function() {
  alert( "Change" );
  var id = $('#prod').val();
     $.ajax({
            type:'POST',
            url:'admin321/do_search',
            data:{'id':id},
            success:function(data){
                $('#resultdiv').html(data);
            }
        });
});

Config / routes.php

$route['admin/do_search'] = "admin_controller/admin/do_search";

Brane · Accepted Answer · 2015-09-13 17:00:21Z

7

I know that this is old post, but maybe someone will find this usefull.

I solve this problem by adding index.php in url. Even if the index.php is hidden using rewrite.

  $( "#change" ).submit(function() {
      alert( "Change" );
      var id = $('#prod').val();
         $.ajax({
                type:'POST',
                url:'<?php echo base_url("index.php/admin/do_search"); ?>',
                data:{'id':id},
                success:function(data){
                    $('#resultdiv').html(data);
                }
            });
    });

answered Sep 13, 2015 at 17:00

Brane

3,3492 gold badges47 silver badges56 bronze badges

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

4 Comments

Valor_ Over a year ago

Good job! This did it!

Brane Over a year ago

I'm glad I was able to help :)

natsumiyu Over a year ago

what to do if there are parameters need in that function? how do we pass it? Thank you

Brane Over a year ago

You can use data attribute as shown on the example where the ID is send to controller as JSON.

ajtamwojtek · Accepted Answer · 2014-03-03 21:18:18Z

2

Maybe like this:

    $( "#change" ).submit(function() {
  alert( "Change" );
  var id = $('#prod').val();
     $.ajax({
            type:'POST',
            url:'<?php echo base_url("admin/do_search"); ?>',
            data:{'id':id},
            success:function(data){
                $('#resultdiv').html(data);
            }
        });
});

You have to load this helper:

$this->load->helper('url');

@edit

$route['admin/do_search'] = "admin_controller/admin/do_search";

This code is unnecessary.

answered Mar 3, 2014 at 21:18

ajtamwojtek

7636 silver badges19 bronze badges

1 Comment

Valor_ Over a year ago

I have autoladed helper url, but somehow ajax doesn't call function right or it don't retrive data right somehow..

Damon · Accepted Answer · 2014-03-03 21:19:10Z

In the past, I have set up a route for the ajax request. Something like this:

$route['admin/search/(:any)'] = 'admin_controller/admin/do_search/$1';

Then my ajax request would look like this:

var prod = $('#prod').val();
$.ajax({
    type: 'post',
    url:'admin/search/'+prod
    ...
});

Or, you can grab the form action via jQuery and use that as your url.

<form action="admin/search/123" method="post">

$.ajax({
    type: 'post',
    url: $('form').attr('action')
    ...
});

Pastlifeuknow · Accepted Answer · 2014-07-25 18:26:23Z

I know this works. My routes file is the default.

I loaded CI URL helper in my controller __construct() function

$this->load->helper('url');

Here's my ajax:

/*
 *Ajax function to load confirmation page
 */
var formID=$("div form");
formID.submit(function(event){        //activated on submit event
    event.preventDefault();           //stops page from reloading
    $.ajax({
        type:"POST",
        url:'<?php echo site_url("plan/process")?>',
        data:formID.serialize(),
        success:function(data){
            $("div #msg_area").html(data);
            window.setTimeout(function(){parent.location.reload()},3000);
        } 
    });
});

I have multiple controllers so it calls the specific one call plan and the \n the function process. The process function one looks like this:

function process (){

        $json_data = strtolower(json_encode($this->input->post()));
        $res = array();

        //Simple Error/success display...
        $res = json_decode($this->plan->process_plan($json_data ),true);
        if(array_key_exists('error',$res)){
            $window = "warning";
            $error=explode(":",$res['error']);
            $result['message']="<h2><span class='color-dark'>Submission error:</span> ".$error[0]." </h2><p>".$error[1]."</p>";
        }
        else{
            $window = "success";
            $result['message'] = "<h2>Submission was a success</h2>";
        }
        echo $this->load->view("common/components/".$window,$result);


    }

This works great for me. Hopefully it helps.

Adam · Accepted Answer · 2014-03-03 21:24:52Z

1

in your routes file you have: admin321/do_search NOT: admin/do_search

You can also try using the absolute path:

`http://www.website.com/admin/do_search` or `http://localhost/admin/do_search`

in the ajax url parameter

edited Mar 3, 2014 at 21:24

answered Mar 3, 2014 at 21:13

Adam

1,69414 silver badges18 bronze badges

1 Comment

Valor_ Over a year ago

Nop, sorry, this didn't do it.

Collectives™ on Stack Overflow

Call function inside CodeIgniter's controller using jquery / ajax

5 Answers 5

4 Comments

1 Comment

Comments

Comments

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

4 Comments

1 Comment

Comments

Comments

1 Comment

Related