zoukankan      html  css  js  c++  java
  • 获取js 文件传递的参数并使用json2进行json数据转换

    主要的技术就不用详细进行介绍了,就是使用js文件进行参数的传递,用途有一下几个:

    1,进行js的版本控制。

    2,获取参数并,进行一些额外功能的添加(比如使用js 进行用户验证,设计开发API (一些开发 js API就是使用参数进行用户的应用请求处理),同时也可以设计使用js的SSO)。

    使用的类库有json2.js 一个进行json处理的js 库。

    因为是测试,我获取的带有js 文件参数的script 标签是固定的,实际情况可以进行修改。

    代码如下:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

    <html xmlns="http://www.w3.org/1999/xhtml"> 

    <head>   

    <title> new document </title> 

      <meta name="generator" content="editplus" /> 

     <meta name="author" content="" /> 

      <meta name="keywords" content="" />   

    <meta name="description" content="" />   

    <script type="text/javascript" src="test.js?id=4&username=yemoo&id=1&uid=110" ></script> 

     <script type="text/javascript" src="test.js?id=5&username=ajaxbbs&id=7&uid=253" ></script> 

     <script type="text/javascript" src="test.js?username=jack&id=8&uid=258" ></script>   

    <script type="text/javascript" src="json.js" ></script>   

    <script>

    function dis()  

    {  

        var sc=document.getElementsByTagName('script'); 

        var paramsArr=sc[sc.length-3].src.split('?')[1].split('&'); 

        var param,name,value;   

        var result='';

        for(var ii=0,len=paramsArr.length;ii<len;ii++){ 

                param=paramsArr[ii].split('=');                    

               name=param[0],value=param[1];    

              var tep='"'+name+'"'+':'+ '"'+value+'"'+',';         

              result+=tep;      

       }   // 主要进行数据的获取 并转换为json文本。

      var data=result.substring(0,result.length-1);

      var dddd="{"+ data+"}";     // 获取实际需要使用的json 文本。

       var myData = JSON.parse(dddd);   //使用json2 进行json文本的解析。  

       alert(myData.username);   // 进行测试获取username。 实际使用中我们可以添加一些比如版本号 ,或者用户主要GUID 进行验证 ,SSO 处理。

     }  

     </script>

    </head> 

    <body> 

    <button onclick="dis()">demo</button>

    </body> 

    </html> 

  • 相关阅读:
    POJ2299--树状数组求逆序数
    每周总结
    2016湖南省赛--A题--2016
    ACM暑期训练总结
    jQuery实现拖动布局并将排序结果保存到数据库
    TP3.2整合kindeditor
    TP3.2整合uplodify文件上传
    Sublime Text3 使用
    ThinkPHP AJAX分页及JS缓存的应用
    Thinkphp分页类使用
  • 原文地址:https://www.cnblogs.com/rongfengliang/p/3495057.html
Copyright © 2011-2022 走看看