passing json data to jQuery.post function

Question

i am going to try the jQuery code:

$.post("test.php", { category: "Ubuntu", newname: "Hash" },

function(data) {
     alert("Data Loaded: " + data);
   });

but in json data i want to use some data taken from a formfield. i used to grab the data using getElementById('fieldname').value. How to pass variable to json query ?

This is not JSON. Simply assign the value to one of the properties of the objects. Please read Working with Objects to learn the basics about objects (reading the whole guide is probably helpful as well). — Felix Kling
– Felix Kling, Commented May 30, 2012 at 9:09
Related: How to assign a return value from a function directly to an object literal. — Felix Kling
– Felix Kling, Commented May 30, 2012 at 9:14

thecodeparadox · Accepted Answer · 2012-05-30 09:10:33Z

1

var category = $('#fieldname1').val(), // just assume id with fieldname1, fieldname2 etc
    newname =  $('#fieldname2').val();

$.post("test.php", { category:category , newname: newname  },

function(data) {
     alert("Data Loaded: " + data);
   });

answered May 30, 2012 at 9:10

thecodeparadox

87.2k22 gold badges143 silver badges164 bronze badges

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

Comments

Ankur Verma · Accepted Answer · 2012-05-30 09:15:28Z

0

We can post anything in jquery as

var cat = $('#cat').val(),//for taking category value
    name =  $('#new').val();//for taking newname value
$.post("test.php", { category:cat , newname: name  },function(data) {
     alert("Data that came from server : " + data);
});

You can access the variables in server as category and newname as the variables. Access them and then return the data you want.Your returned data comes to the variable data of the callback function().

Here we accessed the values of the textboxes with id as cat and new.

answered May 30, 2012 at 9:15

Ankur Verma

5,93316 gold badges62 silver badges95 bronze badges

Collectives™ on Stack Overflow

passing json data to jQuery.post function

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related