how to send string with formData in ajax?

Question

I want to send id also with formdata ! How can i do this please edit my code so that i can understand easily.

$(document).ready(function() {
  $("#profile_photo_form").on('submit', (function(e) {
    e.preventDefault();
    var id = $("#update").attr("update");

    $.ajax({
      url: "/php/profile_photo.php",
      type: "POST",
      data: new FormData(this),
      beforeSend: function() {},
      contentType: false,
      processData: false,
      success: function(data) {
        alert(data);
        $("#toggle").load('/all_employees.html');
      },
      error: function() {}
    });
  }));
});

[MDN: Using FormData Objects](https://developer.mozilla.org/en-US/docs/Web/API/FormData/Using_FormData_Objects) — Andreas, Dec 30 '17 at 11:17

score 2 · Accepted Answer · answered Dec 30 '17 at 11:18

2

You just need to append id in FormData

$(document).ready(function() {
  $("#profile_photo_form").on('submit', (function(e) {
    e.preventDefault();
    var id = $("#update").attr("update");
    var data = new FormData(this);
    data.append('id',id);
    $.ajax({
      url: "/php/profile_photo.php",
      type: "POST",
      data: data,
      beforeSend: function() {},
      contentType: false,
      processData: false,
      success: function(data) {
        alert(data);
        $("#toggle").load('/all_employees.html');
      },
      error: function() {}
    });
  }));
});

answered Dec 30 '17 at 11:18

freelancer

1,174
5
12

Thanks man that worked ! – Dec 30 '17 at 11:23
@MohitSachdev : Mark answer which fixed your problem – freelancer Dec 30 '17 at 11:36

DeadCoderz · Answer 2 · 2017-12-30T11:32:58.723

1

You need to use append method of FormData to set your additional keys.

var data = new FormData();
data.append(‘id’,id);

edited Dec 30 '17 at 11:32

answered Dec 30 '17 at 11:27

DeadCoderz

237
3
8

how to send string with formData in ajax?

2 Answers2