jquery ajax post within a function not working

Question

So i have created a function to post data to a php page:

function updateData(x,y){
     $.ajax({   
        type: 'POST',   
        url: 'myupdate.php',   
        data: {x:y},
           success: function(data){
           $("#resultdiv").html(data);
          }
       });
}

And I call the function like this:

$(".myclass").click(function(){
        var newname = $("#myname").val();    //value of input type="text".
        updateData('name', newname);        // also tried updateData(name, newname)
});

So if i input the value as Rocky and initiate the function, problem is that the value sent to the php page myupdate.php is x=Rocky. I want it to be name=Rocky. How can i solve this.

Many thanks.

Rory McCrossan · Accepted Answer · 2016-08-03 12:32:50Z

5

You need to use bracket notation when providing the key of an object in a variable. Try this:

function updateData(x, y) {
    var data = {};
    data[x] = y;

    $.ajax({   
        type: 'POST',   
        url: 'myupdate.php',   
        data: data,
        success: function(data){
            $("#resultdiv").html(data);
        }
    });
}

answered Aug 3, 2016 at 12:32

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

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

Comments

Haresh Vidja · Accepted Answer · 2016-08-03 12:34:25Z

1

you need to define object property dynamically

function updateData(x,y){
     var post_data= {};
     post_data[x]=y; // dynamic property
     $.ajax({   
        type: 'POST',   
        url: 'myupdate.php',   
        data: post_data,
           success: function(data){
           $("#resultdiv").html(data);
          }
       });
}

answered Aug 3, 2016 at 12:34

Haresh Vidja

8,4713 gold badges29 silver badges44 bronze badges

Collectives™ on Stack Overflow

jquery ajax post within a function not working

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