How to set a Header field on POST a form?

Question

How can I set a custom field in POST header on submit a form?

Answer 1

To add into every ajax request, I have answered it here: https://stackoverflow.com/a/58964440/1909708

---

To add into particular ajax requests, this' how I implemented:

var token_value = $("meta[name='_csrf']").attr("content");
var token_header = $("meta[name='_csrf_header']").attr("content");
$.ajax("some-endpoint.do", {
 method: "POST",
 beforeSend: function(xhr) {
  xhr.setRequestHeader(token_header, token_value);
 },
 data: {form_field: $("#form_field").val()},
 success: doSomethingFunction,
 dataType: "json"
});

You must add the meta elements in the JSP, e.g.

---

To add to a form submission (synchronous) request, I have answered it here: https://stackoverflow.com/a/58965526/1909708