Codeigniter method inside javascript loop

Question

I have the following javascript loop which correctly alerts the value I need to use in a Codeigniter method. Here is the js loop:

function myInsert(){
    $('input[name=r_maybe].r_box').each(function(){
      if( $(this).prop('checked') ){ 
          // need to replace this alert with codeigniter method below
          alert ($(this).prop('value'));                
       } 
    });
}

Instead of alerting the required value, I need to somehow execute this Codeigniter method:

//this would never work because it mixes JS with PHP, but I need a workaround
$this->appeal_model->myMethod($(this).prop('value'), 888, 999);

Is there someway that I can run this PHP code inside the javascript loop? I know about PHP being server-side and JS being client-side, but I'm sure there must be a solution to my problem that I'm just not aware of yet. Thanks.

GrayB · Accepted Answer · 2013-01-27 17:06:08Z

3

The solution to this is to make an ajax call to the server, you can have a method on your controller which calls your codeigniter method. This divides your php call and your client side call.

If you are inserting something into the database, you should use the ajax post method.

http://api.jquery.com/jQuery.post/

function myInsert() { 
  $('input[name=r_maybe].r_box').each(function(){ 
    if( $(this).prop('checked') ){ 
      var value = $(this).prop('value');
      $.post("controllername/functionname", { value: value }, function(data) { 
        alert(data); // Returned message from the server
      }); 
     } 
  }); 
}

edited Jan 27, 2013 at 17:06

answered Jan 27, 2013 at 17:00

GrayB

1,0008 silver badges22 bronze badges

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

2 Comments

DanielAttard Over a year ago

Thanks for the tip. Yes, I am trying to insert something into the database, so does that mean I should not use your $.post but should instead be using $.ajax ?

GrayB Over a year ago

$post is a shorthanded call for using post on $ajax , you can use either, but specify type post if you use $ajax

luckystars · Accepted Answer · 2013-01-27 17:00:33Z

1

Use ajax to store data to the server side: The code should be something like this:

 function myInsert(){

        $dataArray=[];

        $('input[name=r_maybe].r_box').each(function(){

          if( $(this).prop('checked') ){ 

              // need to replace this alert with codeigniter method below
              dataArray.push($(this).prop('value'))
              } 
          });

if(dataArray.length>0)
{
    $.ajax({
    url:"your file name",//this file should contain your server side scripting
    type:"POST",
    data:{dataName : dataArray}
    success:function(){
    }

    });       
}
    }

answered Jan 27, 2013 at 17:00

luckystars

1,75412 silver badges12 bronze badges

2 Comments

DanielAttard Over a year ago

This looks great. I'm trying to implement it now. Just wondering about the correct code to use for the URL. You've said to refer to "your file name", but I'm not sure what that means.

GrayB Over a year ago

It's the url for the method you want to call, so the name of the CodeIgniter controller followed by the name of the method in that controller that you want to call.

mamdouh alramadan · Accepted Answer · 2013-01-27 18:06:27Z

you can use $.post from jquery

function myInsert(){
    $('input[name=r_maybe].r_box').each(function(){
      if( $(this).prop('checked') ){ 


        $.post('<?php echo site_url("controllerName/functionName")?>', 
        {"post1": $(this).prop('value'), "post2":888, "post3": 999 },
         function(data.res == "something"){ 
         //here you can process your returned data. 
         }, "json"); //**             
       } 
    });
}

In your controller you can have:

function functionName()
{
//getting your posted sec token.
   $post1 = $this->input->post('post1'); 
   $post2 = $this->input->post('post2'); 
   $post3 = $this->input->post('post3'); 
   $data['res'] = "something";// return anything you like.
// you should use json_encode here because your post's return specified as json. see **
   echo json_encode($data); //$data is checked in the callback function in jquery.
}

Freqout · Accepted Answer · 2013-01-28 00:34:40Z

0

Since this will be dumping data directly into your db, make sure this is secured in some manner as well, in terms of who has access to that controller function and the amount of scrubbing/verification done on the data being passed.

answered Jan 28, 2013 at 0:34

Freqout

1164 bronze badges

Collectives™ on Stack Overflow

Codeigniter method inside javascript loop

4 Answers 4

2 Comments

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related