I am not able to send session storage data through AJAX to the server

Question

I have stored the ID of the user in session storage. I need to perform an action using the ID so I am passing it to the server using AJAX but the data is not reaching the server.

AJAX:-

$(document).ready(function(){
  $('#coupon_code').hide();
  $('#coupon_status').hide();
  var id = sessionStorage.getItem('user_id');

  $('#generate').click(function(){
    $.ajax({
      type : "POST",
      dataType : 'json',
      url : 'http://127.0.0.1/ionic/generate.php',
      data : id,
      beforeSend : function(){
        console.log(sessionStorage.getItem('user_id'));
        console.log("data sent");
      },
      success : function(data){
        console.log(data);
        console.log(data.code);
        console.log(data.value);
      }
    });
  });
});

PHP script:-

<?php
require 'db_connect.php';
header('Access-Control-Allow-Origin: *');
$id = $_POST['id'];

$characters = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';
$string = '';

for ($i = 0; $i < 5; $i++) {
    $string .= $characters[mt_rand(0, strlen($characters) - 1)];
}
$ins = "INSERT INTO `coupon_code` (id,code,status) VALUES ('$id,'$string',1)";
$res_ins = mysqli_query($con,$ins);

if($res_ins)
{
    echo json_encode(array("status" => "done", "code" => $string,"value" => "1"));
    //echo $string;
}
else
{
    echo "NO";
}
?>

EDIT :- Firebug result

Is the post data showing in the network tab? Also if you do a post using curl using the data in your network tab does it show in your server? — Austio, May 07 '16 at 20:01
unless `id` is some query string (eg id=123&va=something), `data : id,` won't send the data properly. `data` needs to be a query string, object, or array of values. — Patrick Evans, May 07 '16 at 20:02
If you want to catch it with `$_POST['id']` you have to actually send it that way, as `data : {id : id},` — adeneo, May 07 '16 at 20:18
http://stackoverflow.com/questions/10078085/how-to-send-multiple-data-with-ajax-jquery — Ed de Almeida, May 07 '16 at 20:22

Kuldeep Choudhary · Accepted Answer · 2016-05-07T20:47:09.200

0

You are only sending value in json data - you need to send key-value pair - so through key you will get data at server

This should work for you - also you can debug data in firebug what is going to server or not

You need to replace This line data : id,

with this line data : {'id' : id},

 $(document).ready(function(){
      $('#coupon_code').hide();
      $('#coupon_status').hide();
      var id = sessionStorage.getItem('user_id');

      $('#generate').click(function(){
        $.ajax({
          type : "POST",
          dataType : 'json',
          url : 'http://127.0.0.1/ionic/generate.php',
          data : {'id' : id},
          beforeSend : function(){
            console.log(sessionStorage.getItem('user_id'));
            console.log("data sent");
          },
          success : function(data){
            console.log(data);
            console.log(data.code);
            console.log(data.value);
          }
        });
      });
    });

There is also a bug in insert query -

$ins = "INSERT INTO `coupon_code` (id,code,status) VALUES ('$id,'$string',1)";

(')single quote not closed for '$id

$ins = "INSERT INTO `coupon_code` (id,code,status) VALUES ('$id','$string',1)";

edited May 07 '16 at 20:47

answered May 07 '16 at 20:19

Kuldeep Choudhary

765
8
24

Nothing happened even after doin this – Kshitij Pandey May 07 '16 at 20:23
Have you checked ajax post request in firebug - there you can see if data is going to server or not -? – Kuldeep Choudhary May 07 '16 at 20:27
Yes server side code looking ok - you can debug to see what hapning like $id = $_POST['id']; echo $id; die; – Kuldeep Choudhary May 07 '16 at 20:28
I am checking it with firebug now – Kshitij Pandey May 07 '16 at 20:31
I added the firebug response – Kshitij Pandey May 07 '16 at 20:37
As is see in your uploaded firebug data is going successfully to server.. Now you can debug your server code line by line if not working :) – Kuldeep Choudhary May 07 '16 at 20:40
Ohkay I'll try that now – Kshitij Pandey May 07 '16 at 20:41
1

There is bug in this line - $ins = "INSERT INTO `coupon_code` (id,code,status) VALUES ('$id,'$string',1)"; Update - $ins = "INSERT INTO `coupon_code` (id,code,status) VALUES ('$id','$string',1)"; – Kuldeep Choudhary May 07 '16 at 20:43
Yes you were right Please post your solution as answer – Kshitij Pandey May 07 '16 at 20:45
But the result I got was not in my ajax function but in a simple form. I am not getting the result in my ajax now – Kshitij Pandey May 07 '16 at 20:49
" I am not getting the result in my ajax now' - what do you mean - result not coming as response in firebug? – Kuldeep Choudhary May 07 '16 at 20:52
Nothing I am sorry. Everything is right now. Thanks a lot – Kshitij Pandey May 07 '16 at 20:54

I am not able to send session storage data through AJAX to the server

1 Answers1