Modify result of .serialize() on the fly

Asked Feb 20 '19 at 09:18

Active Feb 20 '19 at 09:49

Viewed 37 times

I want to get form fields but in the meantime I want to change some field's data before sending the request to the server and other fields should not be changed.

I have this jQuery code:

$.ajax({
  type: 'Post',
  url: '/Employee/EducationCreate',
  data: $("#form").serialize(),
  success: function () {
    var url = '/Employee/Education?EmployeeId=' + $("#employeeId").val();                          
  },
  error: function (xhr) {
    errorHandler(xhr);
  }
});

if I use:

var forms = $("#form").serialize(); 
                forms += "&StartDate=" + encodeURIComponent(georgianStartDate);

Then I will have an array of StartDate in output, but all I want is modify $("#form").serialize() not appending or adding an extra parameter.

edited Feb 20 '19 at 09:49

asked Feb 20 '19 at 09:18

Payam Khaninejad

7,692
6
45
55

create your own data object and store field in that. – Devsi Odedra Feb 20 '19 at 09:20
If you have fewer fields to update, then is this okay? var new_val='abc'; var old_val=$('[name="my_field_val"]').val(); $('[name="my_field_val"]').val(new_val); var data=$("#form").serialize(); $('[name="my_field_val"]').val(old_val); console.log(data); – Sarath E Feb 20 '19 at 09:50
the form is dynamic so no, I have not few fields. – Payam Khaninejad Feb 20 '19 at 09:51
Okay, I mean update the value just before serializing and revert back after serializing. – Sarath E Feb 20 '19 at 09:53
it's a hard way – Payam Khaninejad Feb 20 '19 at 09:59

Modify result of .serialize() on the fly

0 Answers0