jQuery AJAX POST Send Variable

Question

I have the following code:

  var result = confirm("You want to Subscribe to our Newsletter?");
  var emailAddress = $("#subscribeEmail").val();

  if (result == true) {

    $.ajax({
      type: 'POST',
      url: '/php/subscribeNewsletter.php',
      data: '{"email": "' + emailAddress + '"}',
      complete: function(r){
    alert(r.responseText);
    }

    });


  }

I believe the problem is to do with: data: '{"email": "' + emailAddress + '"}',

I am receiving an empty $_POST array on the server side of things.

try with this data: JSON.stringify({email: emailAddress}),

Anoop Joshi P
– Anoop Joshi P

2014-07-01 10:03:53 +00:00
Commented Jul 1, 2014 at 10:03 — Anoop Joshi P
– Anoop Joshi P, Commented Jul 1, 2014 at 10:03

MrCode · Accepted Answer · 2014-07-01 10:04:08Z

2

Pass an object literal, not a string:

data: {email: emailAddress },

jQuery will transform the object into the URL encoded key/value pairs, which will be picked up in the $_POST array on the PHP side.

Your current code is actually sending a JSON string as the raw POST data. jQuery is seeing the data type is a string, and so it doesn't do any processing, so you'd have to access the raw POST data on the PHP side and do a JSON decode to get it.

answered Jul 1, 2014 at 10:04

MrCode

64.6k10 gold badges95 silver badges114 bronze badges

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

Comments

Sudhir Bastakoti · Accepted Answer · 2014-07-01 10:03:58Z

1

yes problem is: data: '{"email": "' + emailAddress + '"}', it should be object:

...
data: {"email": emailAddress},
...

answered Jul 1, 2014 at 10:03

Sudhir Bastakoti

100k15 gold badges163 silver badges169 bronze badges

Comments

Mithun Satheesh · Accepted Answer · 2014-07-01 10:04:11Z

1

provide the data attribute in the ajax call as a json object instead of string.

like

data: {"email": emailAddress },

answered Jul 1, 2014 at 10:04

Mithun Satheesh

27.9k14 gold badges80 silver badges103 bronze badges

Comments

Yogesh Sharma · Accepted Answer · 2014-07-01 10:05:43Z

0

You can use like below

$.get('/Presentation/AjaxData/History.aspx', { itemID: itemid }, function (data) {
        $('.history-listing-tabs>.tab-item').html(data);
});

answered Jul 1, 2014 at 10:05

Yogesh Sharma

2,0271 gold badge15 silver badges33 bronze badges

Comments

Edminsson · Accepted Answer · 2014-07-01 10:06:06Z

0

Try this format

data: {email: emailAddress}

answered Jul 1, 2014 at 10:06

Edminsson

2,51422 silver badges25 bronze badges

Comments

Wit Wikky · Accepted Answer · 2014-07-01 10:12:26Z

0

Better pass data to a variable and use it while sending,

 var temp = 'email:' + emailAddress;
 ...
 data: temp;
 .....

answered Jul 1, 2014 at 10:12

Wit Wikky

1,5421 gold badge15 silver badges30 bronze badges

Collectives™ on Stack Overflow

jQuery AJAX POST Send Variable

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related