Jquerymobile Delivery solution for page jump parameters

The use of mobile-side applications in Jquerymobile may require consideration of the parameter issues associated with page jumps. Because Jquerymobile is actually the result of HTML5 practice. HTML5 is used in Localstorage and sessionstorage. It's best to use storage to make it easier to use.

For example, on page a jump B page, before a jump to the jump parameters injected into the localstorage, the B page initialization to get localstorage related page parameters. and do the corresponding processing at the same time on the appropriate page cleanup page parameters.

Storage.js content is as follows:

JS Code

2. function Kset (key, value) {
4. Console.log ("key" +key+"value" +value);
6. Window.localStorage.setItem (key, value);
8. }
12. function Kget (key) {
14. Console.log (key);
16. return Window.localStorage.getItem (key);
18. }
22. function Kremove (key) {
24. Window.localStorage.removeItem (key);
26. }
30. function Kclear () {
32. Window.localStorage.clear ();
34. }
36. Test the Update method
38. function Kupdate (key,value) {
40. Window.localStorage.removeItem (key);
42. Window.localStorage.setItem (key, value);
44. }

Examples are as follows:

The simple package is as follows:

JS Code

2. Temporary storage
4. var Tempcache = {
6. Cache:Function (value) {
8. Localstorage.setitem ("Easywaytempcache", value);
10. },
12. GetCache:function () {
14. return Localstorage.getitem ("Easywaytempcache");
16. },
18. SetItem:function (key,value) {
20. Localstorage.setitem (Key,value);
22. },
24. GetItem:function (key) {
26. return Localstorage.getitem (key);
28. },
30. RemoveItem:function (key) {
32. return Localstorage.removeitem (key);
34. }
36. };

Content on page A:

Bind all Workorderclass-style div

To set the relevant page parameters:

Java code

2. Associated information for a list of bound views
4. function Bindlistview (changedata) {
6. $ (". Workorderclass"). each (function () {
8. $ (This). Click (function () {
10. //The number of the binding order, easy to use in the next page switch
12. Tempcache.setitem ("order_function_mgr_id", $ (this). attr ("id"));
16. Tempcache.setitem ("order_function","serviceorderfunction");
18. Tempcache.setitem ("Order_function_mgr_id_w", $ (this). attr ("id"));
20. });
24. });
26. }

In the initialization method of page B:

Use and clear the storage of the page in a timely manner.

JS Code

2. //Work order display initialization information
4. function Displayworkorder () {
6. //The number of the binding order, easy to use in the next page switch
8. var workorderid=tempcache.getitem ("order_function_mgr_id");
10. Workorderid=workorderid.replace (/(^\s*) | (  \s*$)/g,"");
12. //tracking work order sources
14. Functionname=tempcache.getitem ("order_function");
16. Functionname=functionname.replace (/(^\s*) | (  \s*$)/g,"");
20. if (workorderid!=') {
22. Queryworkorderinfo (Workorderid,functionname);
24. Tempcache.removeitem ("order_function_mgr_id"); }else{
26. Alert ("Service request failed, please try again later ....");
28. }
30. }

If you do not understand the place, welcome to communicate Thank you!