par7133
/
serialize-javascript-nonpm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104
							<!DOCTYPE html>
<html lang="en-US" xmlns="http://www.w3.org/1999/xhtml">
<head>

  <meta name="viewport" content="width=device-width, initial-scale=1"/>
  
  <title>Serialize-javascript: ver 6.0.0, no npm requirements</title>

  <link rel="shortcut icon" href="./favicon.ico" />

  <meta name="description" content="The complete serialization solution from Yahoo"/>
  <meta name="keywords" content="5 Mode,object"/>
  <meta name="robots" content="index,follow"/>
  <meta name="author" content="5 Mode"/>
    
  <script src="./serialize-javascript.js" type="text/javascript"></script>
    
  <link href="./css/style.css" type="text/css" rel="stylesheet">  
  
  <script type="text/javascript">

    function myObj() {
      
      const s = "Hello World!";
      
      // Properties
      this.msg = s;
      this.start = mystart;
      
      // Methods
      function mystart() {
	      alert(this.msg);
      }
      
    }  

    function serializeDemo() {
      thiss = new myObj();
      alert(serialize(thiss));
    }  

    function deserializeDemo() {
      thiss = new myObj();
      s = serialize(thiss);
      thatt = deserialize(s);
      thatt.start();
    }  

  </script>    

</head>

<body style="margin-top:20px;">

<div style="text-align:center;">

Given the following object:<br><br>

<pre style="width:300px; margin:auto; background: lightgray; text-align:left">
  
    function myObj() {
      
      const s = "Hello World!";
      
      // Properties
      this.msg = s;
      this.start = mystart;
      
      // Methods
      function mystart() {
        alert(this.msg);
      }
      
    }    
    
</pre>  

<br>

<input type="button" id="butSerializeDemo" value="Serialize demo" onclick="serializeDemo()">

<br><br>

<input type="button" id="butDeserializeDemo" value="Deserialize demo" onclick="deserializeDemo()">

</div>

<!-- Yandex.Metrika counter -->
<script type="text/javascript" >
   (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
   m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
   (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");

   ym(86761619, "init", {
        clickmap:true,
        trackLinks:true,
        accurateTrackBounce:true
   });
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/86761619" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->

</body>
</html>