Get Parameters from internal page

Get Parameters from internal page

Hi I have two pages which are generated dynamically and one of the page has parameters as <li><a href="?cid=1234&sid=test#display2" to navigate to display2 page..
but when i try to get the parameters cid and sid i get null  value but if i put rel=external I get the values of it bur the page refreshes which i don't need. please let me know how to write code and implement it ...
here is the code

  2. <!DOCTYPE html>
  3. <html>
  4.     
  5.     <head>
  6.         <title>Test</title>
  7.         <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8.         <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css"
  9.         />
  10.         <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
  11.         <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
  12.         <script src="js/jqm.page.params.js" type="text/javascript"></script>
  13.     </head>
  14.     
  15.     <body>
  16.         <!-- Glossary -->
  17.         <div data-role="page" id="glossary">
  18.             <div data-role="header">
  19.                  <h3>Glossary</h3>

  21.             </div>
  22.             <div data-role="content">
  23.                 <ul data-role='listview' data-inset='true' id='resultsList'>
  24.                     <!-- keep empty for dynamically added items -->
  25.                 </ul>
  26.             </div>
  27.         </div>
  28.         <!-- display -->
  29.         <div data-role="page" id="display">
  30.             <div data-role="header">
  31.                  <h3>Name Goes Here</h3>
  32.  <a data-role="button" data-rel="back" data-icon="back">Back</a>

  34.             </div>
  35.             <div data-role="content">
  36.              <ul data-role='listview' data-inset='true' id='categoryList'>
  37.                 <div id="definition">Definition goes here</div>
  38.             </div>
  39.         </div>

  41.         <div data-role="page" id="display2">
  42.             <div data-role="header">
  43.                  
  44.  <a data-role="button" data-rel="back" data-icon="back">Back</a>

  46.             </div>
  47.             <div data-role="content">
  48.              <ul data-role='listview' data-inset='true' id='categoryList2'>
  49.                
  50.             </div>
  51.         </div>


  54.         <script>
  55. //            var json;
  56. //            $.ajax("AppstoreWS.svc/getPlatforms", {
  57. //                beforeSend: function (xhr) {
  58. //                  //  $.mobile.showPageLoadingMsg();
  59. //                },
  60. //                complete: function () {
  61. //                  //  $.mobile.hidePageLoadingMsg();
  62. //                },
  63. //                contentType: 'application/json',
  64. //                dataType: 'json',
  65. //                type: 'GET',
  66. //                error: function () {
  67. //                    alert('Something awful happened');
  68. //                },
  69. //                success: function (data) {
  70. //                    json = data.getPlatformsResult;

  72. //                   
  73. //                }
  74. //            });


  77. //$.urlParam = function(name){
  78. //var results = new RegExp('[\\?&]' + name + '=([^&#]*)').exec(window.location.href);
  79. //return results[1] || 0;



  83.             var json1 = {
  84.                 "results": [{
  85.                     "term": "Term One",
  86.                     "definition": "This is the definition for Term One"
  87.                 }, {
  88.                     "term": "Term Two",
  89.                     "definition": "This is the definition of Term Two"
  90.                 }, {
  91.                     "term": "Term Three",
  92.                     "definition": "This is the definition for Term Three"
  93.                 }],
  94.                 "ok": "true"
  95.             };

  97.             var json = {
  98.                 "getPlatformsResult":
  99.            [{ "FolderName": "Android" },
  100.            { "FolderName": "UltimateRewards"}]
  101.             };

  103.             var currentItem = 0;

  105.             $('#glossary').on('pageinit', function () {

  107.                 $.each(json.getPlatformsResult, function (i, output) {
  108.                     $('#resultsList').append('<li><a href="#display">' + output.FolderName + '</a></li>')
  109.                 });
  110.                 $('#resultsList').listview('refresh');

  112.                 $('#resultsList li').click(function () {
  113.                     currentItem = $(this).index();
  114.                 });
  115.             });

  117.             $('#display').on('pagebeforeshow', function () {
  118.                 $(this).find('[data-role=header] .ui-title').text(json.getPlatformsResult[currentItem].FolderName);
  119.               //  $('#definition').html(json.getPlatformsResult[0].FolderName);


  122.                 $.ajax("AppstoreWS.svc/getPlatforms", {
  123.                     beforeSend: function (xhr) {
  124.                         $.mobile.showPageLoadingMsg();
  125.                     },
  126.                     complete: function () {
  127.                         $.mobile.hidePageLoadingMsg();
  128.                     },
  129.                     contentType: 'application/json',
  130.                     dataType: 'json',
  131.                     type: 'GET',
  132.                     error: function () {
  133.                         alert('Something awful happened');
  134.                     },
  135.                     success: function (data) {
  136.                         result1 = data.getPlatformsResult;
  137.                         $('#categoryList').children().remove('li');
  138.                         $.each(result1, function (index, output) {
  139.                             $('#categoryList').append('<li><a href="?cid=1234&sid=test#display2" >' + output.FolderName + '</a></li>');
  140.                         });

  142.                         $('#categoryList').listview('refresh');
  143.                     }
  144.                 });


  147.             });


  150.             $('#display2').on('pagebeforeshow', function () {
  151.                 $(this).find('[data-role=header] .ui-title').text(json.getPlatformsResult[currentItem].FolderName);
  152.                 //  $('#definition').html(json.getPlatformsResult[0].FolderName);
  153.                   alert('Page 2 - CID: ' + getParameterByName('cid'));
  154.                 //  alert('Page 2 - CID: ' + getParameterByName('sid'));
  155.              
  156.                // alert($.urlParam('cid'));
  157.                 // alert(getParameterByName('cid'));
  158.                 $.ajax("AppstoreWS.svc/getPlatforms", {
  159.                     beforeSend: function (xhr) {
  160.                         $.mobile.showPageLoadingMsg();
  161.                     },
  162.                     complete: function () {
  163.                         $.mobile.hidePageLoadingMsg();
  164.                     },
  165.                     contentType: 'application/json',
  166.                     dataType: 'json',
  167.                     type: 'GET',
  168.                     error: function () {
  169.                         alert('Something awful happened');
  170.                     },
  171.                     success: function (data) {
  172.                         result2 = data.getPlatformsResult;
  173.                         $('#categoryList2').children().remove('li');
  174.                         $.each(result2, function (index, output) {
  175.                             $('#categoryList2').append('<li> <a href=#category-items?category=' + output.FolderName + '>' + output.FolderName + ' </a></li>');
  176.                         });

  178.                         $('#categoryList2').listview('refresh');
  179.                     }
  180.                 });


  183.             });

  185.             $.urlParam = function getParameterByName(name) {
  186.                 var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);
  187.                 return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
  188.             }

  190.             function getParameterByName(name) {
  191.                 var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);
  192.                 return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
  193.             }
  194.         </script>
  195.     </body>

  197. </html>