- Ext JS 3.0 Cookbook
- Jorge Ramon
- 329字
- 2021-04-01 13:43:44
Encoding and decoding URL data
Two-way conversion between objects and URL data is a challenge that Ext JS can help with. Let's examine how a JavaScript object can be encoded for transmission through the URL query string, as well as how information contained in a URL can be used to build a JavaScript object.
How to do it...
The following steps will guide you through the process of encoding and decoding URL data:
- Take a
selectedColors
object as the data to be passed in a URL:var selectedColors = {color1:'Blue', color2:'Red', color3:'White'};
- Convert the object to URL data like this:
var encodedUrl = Ext.urlEncode(selectedColors); // encodedUrl is an encoded URL query string: //color1=Blue&color2=Red&color3=White.
- Now, a URL can be built using the data just created. For example,
http://MyGreatApp/SetSelectedColors?color1=Blue&color2=Red&color3=White.
- You can easily create objects from the encoded URL. Assuming we obtained the data from the URL we used above
(http://MyGreatApp/SetSelectedColors?color1=Blue&color2=Red&color3=White)
, obtain the URL data like this:encodedUrl = location.search;
- Re-create the
selectedColors
object as follows:var selectedColors = Ext.urlDecode(encodedUrl); // Now the value of selectedColors' color1 property is 'Blue', // color2's value is 'Red' and color3's value is 'White'.
Ext.urlEncode(object)
and Ext.urlDecode(string, overwrite)
provide object serialization to URL data and URL data deserialization to objects respectively. Encoding is accomplished by creating the URL query string's key-value pairs based on each object property, or array value passed to the encoding function. Decoding is accomplished by creating an object with a property for each key-value pair that exists in the URL's query string.
You can use this recipe when your application needs to send information to the server via AJAX or standard HTTP requests, as well as when you need to use the URL's query string to feed the application data that can later be converted to JavaScript objects.
- 現(xiàn)代企業(yè)應(yīng)用設(shè)計指南
- JasperReports for Java Developers
- 中文版After Effects 2021入門教程
- 中文版Premiere Pro CC入門教程
- Blender 3D 2.49 Architecture, Buidlings, and Scenery
- 穿越Photoshop CC
- SOLIDWORKS 2021中文版基礎(chǔ)入門一本通
- Magento 1.4 Themes Design
- CorelDRAW 2020中文版入門、精通與實戰(zhàn)
- UI功夫:PC和APP界面設(shè)計全流程圖解
- Liferay Portal Systems Development
- Photoshop插畫藝術(shù)火星風暴
- PHP and MongoDB Web Development Beginner's Guide
- CorelDRAW X6平面設(shè)計與制作案例教程
- UG NX 11中文版從入門到精通