jQuery ajax data two variables

Question

I'm trying to send some data via ajax with jquery

var name = $(".name").attr("data-name");
var value = $(".value").attr("data-value");

$.ajax({
    url: 'panel.php',
    type: 'post',
    data: {name: value}
}).done(function(){
    alert("saved!");
});

So how can name and value be two variables. Now only value is a variable but what about name?

Cheers

Build your object before the call and set the name attribute there. — TheZ
– TheZ, Commented Jul 6, 2012 at 19:34
where is your on error function? I know some people like the .done() functionality, but i think it would look nicer if you have success and error in the {} — Fallenreaper
– Fallenreaper, Commented Jul 6, 2012 at 19:35

Lotus · Accepted Answer · 2012-07-06 19:37:37Z

14

try this:

var name = "data-name";
var value = "data-value";
var dataObj = {};

dataObj[name]=value;

$.ajax({
    url: 'panel.php',
    type: 'post',
    data: dataObj,
}).done(function(){
    alert("saved!");
});

answered Jul 6, 2012 at 19:37

Lotus

2,6561 gold badge23 silver badges22 bronze badges

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

Comments

Akhil · Accepted Answer · 2012-07-06 19:34:44Z

1

You need to wrap it to a DTO (Data Transfer object):

var obj = {};
obj.name = name;
obj.value = value;

//Convert to a DTO Object
var dto = { 'myData': obj };

answered Jul 6, 2012 at 19:34

Akhil

7,6201 gold badge26 silver badges23 bronze badges

Collectives™ on Stack Overflow

jQuery ajax data two variables

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related