Dynamically read GET string of a form using javascript

Question

tl;dr: I want an easy way to retrieve the GET-string that is created by a form to dynamically load the according data without refreshing.

Normally, pressing submit on this form:

<form action = "action.php" method="get">
    <p>
        <input type="text" name="foo" value="bar" />
        <input type="checkbox" name="check" value="true" checked="checked" />
        <input type="submit" />
    </p>
</form>

would create and access this string: action.php?foo=bar&check=true

I would like to access this string without reloading and without having to fiddle it together by iterating form elements (which is what I'm doing at the moment). The aim is to put the string into an XMLHttpRequest if something in the form changes so I can update my data on the webpage accordingly.

Emil · Accepted Answer · 2013-08-13 12:41:54Z

1

var string = $("form").serialize();

http://api.jquery.com/serialize/

edited Aug 13, 2013 at 12:41

Emil

7,25618 gold badges81 silver badges135 bronze badges

answered Aug 13, 2013 at 12:15

Parfait

1,7501 gold badge11 silver badges12 bronze badges

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

Collectives™ on Stack Overflow

Dynamically read GET string of a form using javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related