Pass variable in parameter of ajax call

Question

How can I pass the variables in the parameters of ajax call. Below is the example to clarify my question:-

function updateSingleParameters(name,varName, varValue)
{
$.ajax({
    type: 'POST',
    url:name,
    data: {
        varName: varValue
    },
    success: function(data, status){
        alert("Data: " + data + "\nStatus: " + status);
    }

});

I need varName also to be treated as a variable but it is treated as a constant when I execute the script.

Kindly suggest.

Thanks in advance.

http://stackoverflow.com/questions/2274242/using-a-variable-for-a-key-in-a-javascript-object-literal — Taysky, Jun 05 '15 at 19:54

score 4 · Accepted Answer · answered Jun 05 '15 at 19:53

Create an object and set the property name with the varName variable using [] syntax.

function updateSingleParameters(name,varName, varValue)
{
    var data = {};
    data[varName] = varValue;
    $.ajax({
        type: 'POST',
        url:name,
        data: data,
        success: function(data, status){
            alert("Data: " + data + "\nStatus: " + status);
        }

    });
}

score 0 · Answer 2 · answered Jun 05 '15 at 19:53

The basic idea is create an object and set the key with bracket notation.

var data = {};
data[varName] = varValue;
$.ajax({
    type: 'POST',
    url:name,
    data: data,
    success: function(data, status){
        alert("Data: " + data + "\nStatus: " + status);
    }

});

score 0 · Answer 3 · answered Jun 05 '15 at 19:53

In your function, I think if you do:

   function updateSingleParameters(name,varName, varValue)
   {
     var passToAjax = varValue;
      $.ajax({
         type: 'POST',
         url:name,
         data: {
         varName: passToAjax
       },
       success: function(data, status){
       alert("Data: " + data + "\nStatus: " + status);
       }

     });

I think it would work better. But i'd need to see your HTML also to make sure that it is the problem. Also, the file where you send the ajax.

score 0 · Answer 4 · answered Jun 05 '15 at 19:54

Construct the object separately.

function updateSingleParameters(name,varName, varValue)
{
var obj = {};
obj[varName] = varValue;

$.ajax({
    type: 'POST',
    url:name,
    data: obj,
    success: function(data, status){
        alert("Data: " + data + "\nStatus: " + status);
    }

});

Pass variable in parameter of ajax call

4 Answers4