access data or this attribute in ajax beforeSend function

Question

I'm trying to get a value from my data array in the beforeSend function, but when I try to display it in the console all I see is undefined.

I tried printing the $(this) variable which also returns undefined.

$("form").submit(function(){
    var data = {
        "action": $(this).attr("id")
    };
    data = $(this).serialize() + "&" + $.param(data);
    $.ajax({
      type:  $(this).attr("method"),
      dataType: $(this).data("type"),
      url: $(this).attr("action"),
      data: data,
      beforeSend: function(data) {
        console.log(data["action"]);
        console.log($(this).attr("method"));
      }
    });
    return false;
  });

How can I read the values stored in the data array in the beforeSend function

`$(this)` inside ajax refers to the ajax object not the form! — funcoding, Mar 23 '17 at 14:28
Possible duplicate of [How do JavaScript closures work?](http://stackoverflow.com/questions/111102/how-do-javascript-closures-work) — krillgar, Mar 23 '17 at 14:34
Agreed with @jmmontero in that you need to make a reference variable to `$(this)` before you go inside your `$ajax` function. The dupe is why this happens. — krillgar, Mar 23 '17 at 14:35
cheers jmmontero thats why I tried data['action'] to try and read a field from the data array — John Fieldsend, Mar 23 '17 at 15:38
`data['action']` is undefined too because you serialized `data` into a string just before the ajax call. — Aioros, Mar 23 '17 at 16:33

score 1 · Accepted Answer · answered Nov 10 '17 at 12:05

1

Directly, simply:

this.data .

This is serialize String, and then You can do whatever by string parsing/editing.

For example use:

alert(this.data);

for display serialized string.

answered Nov 10 '17 at 12:05

Świeżu

176
2
6

access data or this attribute in ajax beforeSend function

1 Answers1