3

I'm using JQuery Form Plugin and I'm not sure how to set headers.

I want to be able accomplish something like this:

$.ajax({
                url: "/url",
                data: post,
                type: "POST",
                beforeSend: function(jqXHR) {
                    jqXHR.setRequestHeader("foo", "bar"); 
                },
})

but the beforeSubmit event dosn't pass the jqXHR object for manipulation. Any ideas?

Fatmuemoo
  • 2,187
  • 3
  • 17
  • 34

2 Answers2

6

The following code works for me.

$('#myForm').ajaxSubmit({
    headers: {
        "foo": "bar"
    }
});
caoxudong
  • 383
  • 2
  • 10
3

As it turns out, the options object you send to the form plugin actually passes the options to the $.ajax method. Therefore you can use the native before send function.

Fatmuemoo
  • 2,187
  • 3
  • 17
  • 34
  • 1
    Here's an example to set the header with the request using the jquery ajax form plugin `beforeSubmit` function: `options.headers = {'X-Csrf-Token': window.Cookies.get('_csrf')}` – David Thomas Dec 28 '16 at 23:42