Handling JSON data in Codeigniter Controller

Question

I have a problem to send the JSON data from JQuery with GET request. This is my JQuery to send the data with GET.

    var xhr = new XMLHttpRequest();
    var url = "http://example.com/share/new?data=" + JSON.stringify({"id": "1", "type": "new", "data": "testabcd"});
    xhr.open("GET", url, true);
    xhr.setRequestHeader("Content-type", "application/json");
    xhr.onreadystatechange = function () {
        if (xhr.readyState === 4 && xhr.status === 200) {
            var json = JSON.parse(xhr.responseText);
        }
    };
    xhr.send();

This is in my Controller file.

    public function share()
    {
        header('Content-type: application/json');

        $Data = json_decode($_GET["data"]);

        $data_share = array(
            'id' => $Data['id'],
            'type' => $Data['type'],
            'data' => $Data['data']);

        $this->db->insert('mytable', $data_share);

        return "200";
    }

The problem is nothing grab in the Controller and the insert query doesn't insert anything. How to fix this problem ? Maybe I do something wrong in my code ? Thank you before.

@aldrin27 How to see `$Data` has a value or not ? – Antonio Jun 19 '17 at 06:33 — Antonio, Jun 19 '17 at 06:33
`print_r($Data); exit;` below `$Data` – aldrin27 Jun 19 '17 at 06:34 — aldrin27, Jun 19 '17 at 06:34
Nothing happen after I add `print_r` @aldrin27 – Antonio Jun 19 '17 at 06:43 — Antonio, Jun 19 '17 at 06:43

Riaz Laskar · Accepted Answer · 2017-06-19T07:24:59.593

4

when you send json data to php its in doesn't come in $_POST or $_GET its in php://input strem;

the ajax request u send ws not jQuery its core js, which is good but its quite unflexible and tends to break in different browser. i just used the jQuery version of the ajax which is very flexible and cross-browser as well.

try this : JS:

$.ajax({
      method:'POST',
      contentType:'application/json',
      url:'http://example.com/share/new',
      data: JSON.stringify({"id": "1", "type": "new", "data": "testabcd"}),
      success:function(response){
       console.log(response);
      }

   });

PHP:

public function reservation()
{

    $Data = json_decode(file_get_contents('php://input'), true);

    $data_share = array(
        'id' => $Data['id'],
        'type' => $Data['type'],
        'data' => $Data['data']);

    $this->db->insert('mytable', $data_share);

    return "200";
}

edited Jun 19 '17 at 07:24

answered Jun 19 '17 at 06:23

Riaz Laskar

1,241
9
15

It's better than my code but I still got NULL data when insert to my database. It's mean I still cannot get the data. – Antonio Jun 19 '17 at 06:25
since you were using core js i hv converted to jquery ajax, i think it should work now – Riaz Laskar Jun 19 '17 at 06:32
Sorry, I don't really understand with converted to jquery ajax. Could you explain more ? Thanks – Antonio Jun 19 '17 at 06:34
i mean the ajax request u send ws not jQuery its core js, which is good but its quite unflexible and tends to break in different browser. i just used the jQuery version of the ajax which is very flexible and cross-browser as well. – Riaz Laskar Jun 19 '17 at 06:37
Could you give me some example ? – Antonio Jun 19 '17 at 06:41
please hv a look at this post https://stackoverflow.com/questions/4657287/what-is-the-difference-between-xmlhttprequest-jquery-ajax-jquery-post-jquery i hop it helps – Riaz Laskar Jun 19 '17 at 06:43
After I tried your code I still get NULL. What's the problem ? – Antonio Jun 19 '17 at 06:50
ok what r u getting controller ? try this echo '
```
';print_r($Data);echo '';exit;
```
– Riaz Laskar Jun 19 '17 at 06:52
I just got `
`. Does it means `$Data` is empty ?
– Antonio Jun 19 '17 at 06:55
How if I change the method to `GET` not with `POST` ? – Antonio Jun 19 '17 at 06:56
ok den try this ; `echo file_get_contents('php://input'); exit;` to check weather ur ajax is working or not; – Riaz Laskar Jun 19 '17 at 06:57
I got this `id=1&type=new&data=testabcd` – Antonio Jun 19 '17 at 07:06
ok if ur getting dat then try this one to see weather ur getting in post normally. `echo '
```
';print_r($_POST);echo '';exit;`
```
– Riaz Laskar Jun 19 '17 at 07:10
I got this `
```
Array()`
```
– Antonio Jun 19 '17 at 07:12

if just remove ` contentType:'application/json',` and do `'

';print_r($_POST);echo '';exit;` m sure u will get the data in backend.

– Riaz Laskar Jun 19 '17 at 07:22

ok got it `JSON.stringify({"id": "1", "type": "new", "data": "testabcd"})` should fix it – Riaz Laskar Jun 19 '17 at 07:24
Let us [continue this discussion in chat](http://chat.stackoverflow.com/rooms/147028/discussion-between-riaz-laskar-and-antonio). – Riaz Laskar Jun 19 '17 at 07:25
Okay I think we solve the problem. If I change the `method` to `GET` and I receive with `$_GET` the data is receive correctly. Thanks – Antonio Jun 19 '17 at 07:26
your welcome, if it solvers ur ans plz mark it as answer as if anyone else finds the same issue then it will be helpful :) – Riaz Laskar Jun 19 '17 at 07:30

Handling JSON data in Codeigniter Controller

1 Answers1

Linked