How to send dynamic key and value both in jQuery Ajax?

Question

I want to send both the key and value to be dynamic(and the key is dynamic like coming from user input). Then how to send the request. I want something like this:

var requestString;

if(something)
   requestString = "something";
else
   requestString= "else";

    jQuery.ajax({
                        url: handlerUrl,
                        dataType: "json",
                        data: {
                            requestString: request.term
                        }
                    });

Here requestString is a variable and dynamically set. But for current code. the key is itself becoming "requestString" which was ought to be dynamic. How to do this?

you can try this http://stackoverflow.com/questions/6114057/how-to-use-dynamic-data-name-with-jquery-post — Ajouve, Apr 26 '13 at 09:45

score 3 · Accepted Answer · answered Apr 26 '13 at 09:48

3

Use

jQuery.ajax({
           url: handlerUrl,
           dataType: "json",
           data: requestString + '=' + request.term
      });

answered Apr 26 '13 at 09:48

Arun P Johny

384,651
66
527
531

Thanks for the generic answer!! – soham Apr 26 '13 at 11:42
Had to log in especially just to upvote this answer! Thanks a bunch! – RizJa Mar 27 '15 at 21:28

score 2 · Answer 2 · answered Apr 26 '13 at 09:47

create an object, push the dynamically generated key and value to it.. and pass that object as data in ajax..

try this

var requestString ;
 .....
dataString={};
dataString[requestString]=request.term

jQuery.ajax({
               url: handlerUrl,
               dataType: "json",
               data: dataString
          });

How to send dynamic key and value both in jQuery Ajax?

2 Answers2