How to receive ajax json data in a codeigniter controller

Question

On the client side I have :

var postData = {
    "id" : id,
    "message" : message
};

console.log(postData);

$.ajax({
    type: "POST",
    url: "controller/function",
    data: postData, 
    success: function(){
        alert(id + ' ' + message);
    }
});

This appears to be working properly as I can see the correct post parameters in chrome dev tools. In my codeigniter controller I have tried:

echo 'postid' . $_POST['id'].' '.$_POST['message'];

$postData=$this->input->post('id');

var_dump($postData); exit;

I'm getting:

Message: Undefined index: id
Message: Undefined index: message

boolean(false)

the $_POST array is empty.

How can I fix this? Thank you for your help

Fu Xu · Accepted Answer · 2013-08-13 04:05:03Z

1

you may add dataType:'json' in your ajax options

$.ajax({
       type: "POST",
       url: "controller/function",
       data: postData,
       dataType:'json',
       success: function(){
           alert(id + ' ' + message);
       }
});

answered Aug 13, 2013 at 4:05

Fu Xu

7562 gold badges6 silver badges21 bronze badges

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

7 Comments

Badhon Jain Over a year ago

try to add contentType attribute as well.

user2677149 Over a year ago

Hi guys, I tried the answer but it doesn't work. I'd like to add a contentType , but what should it be set to. Ali, what should I json_decode?

Fu Xu Over a year ago

what ci version do you use?

user2677149 Over a year ago

I m using jquery 1.7.2

Fu Xu Over a year ago

it does work here....

<html> <head> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script> var id = 123, message = 'test', postData = { "id" : id, "message" : message }; console.log(postData); $.ajax({     type: "POST",         url: "test/do_action",         data: postData,          success: function(){             alert(id + ' ' + message);         } }); </script> </head> <body> </body> </html>

|

irot · Accepted Answer · 2013-08-13 04:56:13Z

0

Did you configure your CI to use CSRF protection? If yes, you will need to include the CSRF field and value to your POST request.

answered Aug 13, 2013 at 4:56

irot

5921 gold badge6 silver badges13 bronze badges

Comments

Eswara Reddy · Accepted Answer · 2013-08-13 05:10:55Z

0

Add dataType:'json' parameter for the $.ajax at client side.

answered Aug 13, 2013 at 5:10

Eswara Reddy

1,6471 gold badge18 silver badges28 bronze badges

Comments

Dilip Godhani · Accepted Answer · 2013-08-13 06:07:48Z

0

$.ajax({
    type: "POST",
    url: "controller/function",
    data: postData, 
    success: function(data){
        alert(data.id + ' ' + data.message);
    }
});

ajax return json object in data , you forgot to written data in function

edited Aug 13, 2013 at 6:07

answered Aug 13, 2013 at 4:59

Dilip Godhani

2,1843 gold badges18 silver badges34 bronze badges

1 Comment

Adel Khayata Over a year ago

Please add some explanation to the proposed solution.

Collectives™ on Stack Overflow

How to receive ajax json data in a codeigniter controller

4 Answers 4

7 Comments

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

7 Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related