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

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.

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

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

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

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

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

like

data: {"email": emailAddress },

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

You can use like below

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

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

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

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

Collectives™ on Stack Overflow

jQuery AJAX POST Send Variable

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Related