Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Modify POST vars before post, using jQuery

Tags:

jquery

post

forms

I have a form, and a submit handler in jQuery.

When the user submits the form, I want to modify (add) some parameters to the POST request, before it is despatched from the client to the server.

i.e.

  1. User clicks 'submit'
  2. My jQuery submit hander begins execution...
  3. I create some new key/value pairs and add them to the POST payload

At the moment, it looks like my only options are to use $.post(), or $('form').append('<input type="hidden" name=... value=...');

Thanks for any help.

Edit: I've already attached a submit handler to the form; I'm trying to edit the post vars in between the user clicking the submit button, and the request being sent to the server.

like image 213
aidan Avatar asked Apr 15 '10 18:04

aidan


1 Answers

Use the submit() function on the form to create a callback. If the function returns true, the form will be submitted; if false, the form will not post.

$('#theForm').submit(function() {     $("#field1").val(newValue1);     $("#field2").val(newValue2);     $(this).append(newFormField);     return true; });

etc.

like image 183
keithjgrant Avatar answered Oct 04 '22 00:10

keithjgrant