How to build a query string with JQuery

Question

I have the following code that builds a query string:

    var name = $(this).next()[0].name;
    var value = $(this).next()[0].checked;
    var str = name+'&value='+value;

and outputs an array on my server like this:

[value] => false

What I would like to have is something more like this:

array(
    [myInputName] => value
)

How can I achieve this?

The problem is that the function handles all of the checkboxes. They are dynamic in nature. I need to be able to tell which one was clicked/checked — NaN
– NaN, Commented Jan 8, 2013 at 20:59
Uh, yessir. :) Please post it and I'll credit you for the answer. Thank you! — NaN
– NaN, Commented Jan 8, 2013 at 21:02

Explosion Pills · Accepted Answer · 2013-01-08 21:03:55Z

2

Just use

var str = name + '=' + value;

What you have would output something like:

myInputName&value=myInputValue

Using name in that way is not useful.

answered Jan 8, 2013 at 21:03

Explosion Pills

192k56 gold badges341 silver badges417 bronze badges

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

Comments

forivall · Accepted Answer · 2013-01-08 21:37:09Z

2

In the future, take a look at jQuery.param to build query strings. For example:

var p = {};
p[name] = value;
var str = $.param(p)

Although it's overkill for your simple example, it'll help you in the future.

answered Jan 8, 2013 at 21:37

forivall

10k3 gold badges37 silver badges58 bronze badges

Bahtiyar Özdere · Accepted Answer · 2016-02-11 16:02:45Z

0

try $('yourselection').serialize() This will produce a querystring for you from the inputs those have names. https://api.jquery.com/serialize/

And check param too. It works nice for custom parameters. http://api.jquery.com/jquery.param/

answered Feb 11, 2016 at 16:02

Bahtiyar Özdere

1,93819 silver badges22 bronze badges