How to call controller function from javascript

Question

Creating a web app using mvc and codeigniter. In the view, on the click of a button it calls a javascript method. This method should take the source of 3 images as parameters, and pass them to a controller method. The controller method then turns them into a single $record and passes it to a function in the model, which will then insert the record contents into a database.

View button:

<input type="submit" class="btn btn-primary" value="Assemble bot" onclick="insertAssembled()"></input>

Javascript function:

function assemble(var head, var body, var legs) {
    var head = document.getElementById("HeadImage".src);
    var body = document.getElementById("BodyImage".src);
    var legs = document.getElementById("FeetImage".src);
    // call controller function here, passing head body and legs
}

Controller method:

    public function insertAssembled($head, $body, $legs) {
        //Build record and send to saveBot       
        $record['id'] = 1;
        $record['head'] = $head;
        $record['body'] = $body;
        $record['legs'] = $legs;
        $this->Robotsdata->saveBot($record);
   }

Model method (very rough, help not needed just trying to pass parameters):

public function saveBot($record) {
    $con = mysql_connect("localhost","root@localhost","");
    mysql_select_db("factory", $con);
    $bot_id = $_POST['id'];
    $bot_head = $_POST['head'];
    $bot_body = $_POST['body'];
    $bot_legs = $_POST['legs'];
    $query = "INSERT INTO `factory`.`assembledbots` ('id', 'head', 'body', 'legs') "
            . "VALUES ('$bot_id', '$bot_head', '$bot_body', '$bot_legs');";
    mysql_query($query);
    mysql_close($con);
}

please read about SQL injections

tereško
– tereško

2017-03-28 21:57:32 +00:00
Commented Mar 28, 2017 at 21:57 — tereško
– tereško, Commented Mar 28, 2017 at 21:57
ajax is your only friend for the situation

yogesh84
– yogesh84

2017-03-29 04:30:48 +00:00
Commented Mar 29, 2017 at 4:30 — yogesh84
– yogesh84, Commented Mar 29, 2017 at 4:30

RomainP. · Accepted Answer · 2017-03-28 21:24:42Z

1

You can try to pass your datas using ajax if you've included the jQuery library :

$.ajax({
    url: 'Path/To/YourController.php',
    type: 'POST',
    dataType: 'text',
    data: {
        head: head, //You'll get it with $_POST['head']
        body: body, //You'll get it with $_POST['body']
        legs: legs  //You'll get it with $_POST['legs']
    },
})
.done(function(data) {
    // Do what you want in case of success
})
.fail(function(err) {
    //Do what you want incase of error
});

answered Mar 28, 2017 at 21:24

RomainP.

214 bronze badges

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

2 Comments

Bobbis Over a year ago

And using ajax, would I even need a controller function?

RomainP. Over a year ago

Yes, you should send the data from your controller to your model like you do usually.

Keith Asilom · Accepted Answer · 2017-03-29 00:20:11Z

1

You can achieve this by using ajax. Also, in your model, try using CI's Query Builder Class (Active Record) so your queries are safe and to avoid SQL injections.

javascript

function assemble(var head, var body, var legs) {
   var head = document.getElementById("HeadImage".src);
   var body = document.getElementById("BodyImage".src);
   var legs = document.getElementById("FeetImage".src);

   //ajax
   //you post variables
   var fields = {
      head  : head,
      body  : body,
      legs  : legs,
      submit_a: true
   };

   $.ajax({
     url: 'domain/controller/insertAssembled',
     type: 'POST',
     data: fields,
     dataType:'JSON',
     success: function(result){
        console.log(result);
     }
   });
}

controller

public function insertAssembled() 
{

  if ($this->input->is_ajax_request()) { // just additional, to make sure request is from ajax
    if ($this->input->post('submit_a')) {
        $record['id'] = 1;
        $record['head'] = $this->input->post('head');
        $record['body'] = $this->input->post('body');
        $record['legs'] = $this->input->post('legs');

        // to model
        $this->Robotsdata->saveBot($record);

        // return to view
        echo json_encode(array("error"=>false));
        return false;
    }
  }
}

model

public function saveBot($record) 
{
  if ($record) {

    $save_fields = array(
        'id'   => $record['id'],
        'head' => $record['head'],
        'body' => $record['body'],
        'legs' => $record['legs']
    );
    $this->db->insert('table_name', $save_fields);

    return true;
  }
  return false;
}

answered Mar 29, 2017 at 0:20

Keith Asilom

1794 silver badges11 bronze badges

2 Comments

Bobbis Over a year ago

Thanks, but currently I'm unable to get this working, does 'submit_a' need to be changed to something specific to my program?

Keith Asilom Over a year ago

@Bobbis you may change it depends to you. submit_a is just an identifier to make sure it is really that specific POST variable from that specific ajax request. Just make sure when you rename, the variable name has to be the same from the ajax to the one you will be calling in your controller. What errors have you encountered now?

Collectives™ on Stack Overflow

How to call controller function from javascript

2 Answers 2

2 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related