Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mslinn/jquery-deserialize
Populate an HTML form from a serialized string
https://github.com/mslinn/jquery-deserialize
deserialization jquery jquery-plugin serialization
Last synced: about 1 month ago
JSON representation
Populate an HTML form from a serialized string
- Host: GitHub
- URL: https://github.com/mslinn/jquery-deserialize
- Owner: mslinn
- Created: 2017-05-14T15:29:16.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2017-08-09T17:42:36.000Z (over 7 years ago)
- Last Synced: 2024-11-11T05:45:43.607Z (3 months ago)
- Topics: deserialization, jquery, jquery-plugin, serialization
- Language: JavaScript
- Homepage:
- Size: 2.93 KB
- Stars: 3
- Watchers: 3
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# jQuery deserialize
[](https://opensource.org/licenses/Apache-2.0)
`deserialize` is the counterpart to jQuery's [serialize](https://api.jQuery.com/serialize/) method.
I did not write the `deserialize` method, it evolved on [StackOverflow](http://stackoverflow.com/a/11156405/553865).
I just renamed it to `deserialize`.
## Quick Review of jQuery's serialize Method
The `serialize()` method creates a text string in standard URL-encoded notation.
Typically the `serialize()` method is used to serialize an entire ``.
Here is an example of serializing form data into a string:
var serializedFormData = $("#myForm").serialize();
In the following example, jQuery sends a POST to `url`, containing data serialized from
the form with id `myForm`.
The server's response (assumed to be HTML for the sake of this example) to the POST is used to inflate the `
` with id `myDiv`:
```
var url = "http://blah.com/whatever";
$.post(
url,
$("#myForm").serialize(),
function(data) {
$("#myDiv").html(data);
},
).fail(function(jqXHR, textStatus, errorThrown) {
alert(textStatus + ": " + errorThrown);
}
);
```
## Using Deserialize
Use the `deserialize` method provided by `deserialize.js` to populate a form from a serialized string.
This code example shows how an Ajax call to `url` that returns data with `Content-Type: application/x-www-form-urlencoded` populates the form fields in the form with id `myForm`:
```
var url = "http://blah.com/whatever";
$.get(url, function(data) {
$("#myForm").deserialize(data)
},
).fail(function(jqXHR, textStatus, errorThrown) {
alert(textStatus + ": " + errorThrown);
}
);
```
## Why Not Add This to jQuery?
Seems like the jQuery committers [probably don't want to do this](https://github.com/jQuery/jQuery/issues?utf8=%E2%9C%93&q=is%3Aissue%20serialize%20).
## Why Not Make This Into a jQuery Plugin?
I don't have the time or the energy.
If someone else forked this repo and moved forward with such a plugin, however,
I would be delighted!
