Setting ajax data from data attribute

Question

Is there a better way to set data from a data attribute then

$.ajax({
  url: $(this).data('update-url'),
  type: "PUT",
  data: { 
    batch_phase: { 
      "#{$(this).data('attribute')}": new Date().toUTCString() 
    }
  }
});

I don't really like "#{$(this).data('attribute')}".

Igor · Accepted Answer · 2018-06-29 14:49:02Z

2

You can construct data [sub]object with the key defined using bracket notation:

var data = {};
data[$(this).data('attribute')] = new Date().toUTCString();
$.ajax({
  url: $(this).data('update-url'),
  type: "PUT",
  data: { batch_phase: data }
});

edited Jun 29, 2018 at 14:49

answered Jun 29, 2018 at 14:45

Igor

15.9k1 gold badge29 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Rory McCrossan Over a year ago

You're right - I misread your code. This is why it's always best to explain the problem and why your solution helps ;)

Igor Over a year ago

@RoryMcCrossan I thought the onus of explaining the problem was on a topic starter :)

Rory McCrossan Over a year ago

That depends on whether they fully understand it or not

Taplar · Accepted Answer · 2018-06-29 14:47:02Z

1

You can use [] around the key to make it evaluate a variable to be an object key.

var aVariable = "me";
var object = {
  [aVariable]: 'weee'
};
console.log(object);

answered Jun 29, 2018 at 14:47

Taplar

25k4 gold badges24 silver badges36 bronze badges

Collectives™ on Stack Overflow

Setting ajax data from data attribute

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related