Deparam JavaScript

Deparam is a JavaScript plugin that converts query string parameters to JavaScript objects. This is especially useful for passing state between pages in a single-page application or using query parameters to control the behavior of a widget on a page.

Getting Started

To get started with Deparam, simply include the script file in your HTML file:

<script src="deparam.js"></script>

Usage

Basic Usage

To convert query string parameters to a JavaScript object, call the $.deparam() method and pass in the query string as an argument:

var queryString = "?name=John&age=30&city=New+York";
var params = $.deparam(queryString);
console.log(params);

This will output the following object:

{
    name: "John",
    age: "30",
    city: "New York"
}

Array Support

Deparam also supports serializing arrays as query string parameters. Simply append [] to the parameter name to indicate that it should be treated as an array:

var queryString = "?fruits[]=apple&fruits[]=banana&fruits[]=orange";
var params = $.deparam(queryString);
console.log(params);

This will output the following object:

{
    fruits: ["apple", "banana", "orange"]
}

Nested Objects

You can also serialize nested objects as query string parameters. Simply use dot notation to indicate the nesting:

var queryString = "?person[name]=John&person[age]=30&person[address][city]=New+York";
var params = $.deparam(queryString);
console.log(params);

This will output the following object:

{
    person: {
        name: "John",
        age: "30",
        address: {
            city: "New York"
        }
    }
}

Conclusion

Deparam is a lightweight and easy-to-use plugin that makes it simple to convert query string parameters to JavaScript objects. It's a great tool for building single-page applications or for controlling the behavior of widgets on a page. Give it a try and see how it can simplify your development workflow!