Posting Ajax data with an additional variable

Question

I am having trouble with a jquery script to send a serialized form data along with a modified variable.i have tried a couple different methods, but the added variable is not posting.

I have tried a few methods, the best I think using jquery.param(), however, it is not passing the variable message through.

// Code the input (message) var message = $('textarea[name="content"]').html($('#emailbody').code()); // Submit the form using AJAX. $.ajax({ type: 'POST', url: 'mailer.php', data: $(form).serialize()+$.param(message), })

I am guessing my syntax for passing the variable is incorrect. Any tips?

Thank you, Nigel

What is the .code() in $('#emailbody').code().

Shaunak D
– Shaunak D

2015-05-26 04:23:17 +00:00
Commented May 26, 2015 at 4:23 — Shaunak D
– Shaunak D, Commented May 26, 2015 at 4:23

Arun P Johny · Accepted Answer · 2015-05-26 04:15:30Z

2

If the textarea with name content is within the form then just set its value and serialize the form

$('textarea[name="content"]').val($('#emailbody').code()); // Submit the form using AJAX. $.ajax({ type: 'POST', url: 'mailer.php', data: $(form).serialize(), })

Else you could try

// Submit the form using AJAX. $.ajax({ type: 'POST', url: 'mailer.php', data: $(form).serialize() + '&content=' + encodeURIComponent($('#emailbody').code()), })

answered May 26, 2015 at 4:15

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

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

5 Comments

npasco Over a year ago

thanks. The textarea is in the same form, however, it is coded, so I have had to modify it before re-adding it to the form (it is a summernote.js input)

Arun P Johny Over a year ago

@npasco in that case there is no need to use any of that.. see jsfiddle.net/arunpjohny/457dr535/3

npasco Over a year ago

hmmm... I tried this, however, the resultant POST variable shows the html code.

Arun P Johny Over a year ago

@npasco then what do you want... the editor will give you the html code

npasco Over a year ago

doh!... my bad, I apologise. There was no issue with the above, but, there was an extra space between one of the php mail headers (i.e. $email_header . = "something";) that was stopping the html from displaying proper. Your answer above is fantastic, and hopefully usefull to someone else.

Akash Rajbanshi · Accepted Answer · 2015-05-26 04:17:02Z

0

You could try:

data : $(form).serialize() + '&' + $.param(message)

answered May 26, 2015 at 4:17

Akash Rajbanshi

1,60314 silver badges23 bronze badges

Comments

Priyank Sheth · Accepted Answer · 2015-05-26 04:18:50Z

There should be a simple solution of your problem like below:

Have one hidden field inside element. 2.Before you post your form, assign variable value to hidden field like below:

$('#HiddenFieldIdHere').val(variablevalue);
Then make ajax call like you did without appending variable value.

Good idea, it seems to do the job... however, the resultant POST is '[object Object]'... any ideas?

Mohit maru · Accepted Answer · 2015-05-26 04:23:01Z

var message = $('#form_id').serialize();

$.ajax({ url: "mailer.php", type: 'POST', data: message, success: function (data) { $("#form_result").html(data); } });

madalinivascu · Accepted Answer · 2015-05-26 04:25:04Z

0

Try:

data :{'form': $('#form').serialize(),'content':$('#emailbody').code()}

edited May 26, 2015 at 4:25

answered May 26, 2015 at 4:18

madalinivascu

32.4k4 gold badges41 silver badges59 bronze badges

Collectives™ on Stack Overflow

Posting Ajax data with an additional variable

5 Answers 5

5 Comments

Comments

1 Comment

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

5 Comments

Comments

1 Comment

Comments

Comments

Related