主要的技术就不用详细进行介绍了，就是使用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>

获取js 文件传递的参数并使用json2进行json数据转换的更多相关文章

  1. php获取js里的参数

    php获取js的值有如下方式: 1.php echo出js文件得到返回值,在gamemap.js文件中输出参数. echo '<script type="text/javascript ...

  2. APPCAN开发笔记：html页面之间的参数传递：使用js获取url中的参数，以及在APPCAN中不能使用的解决方法

    用PHP的GET/POST方式来传递方式已经是司空见惯了,但是如果我的页面是一个静态的html的页面,想传递参数的时候要怎么办呢?在APPCAN的开发中我们会经常遇到这样的问题,因为所有的页面都是静态 ...

  3. [js开源组件开发]query组件,获取url参数和form表单json格式

    query组件,获取url参数和form表单json格式 距离上次的组件[js开源组件开发]ajax分页组件一转眼过去了近二十天,或许我一周一组件的承诺有了质疑声,但其实我一直在做,只是没人看到……, ...

  4. js获取location.href的参数实例代码

    本文为大家介绍下js如何获取location.href的参数,需要注意的是去掉参数里最开头的?号,具体实现如下,有需要的朋友可以参考下,希望对大家有所帮助 window.location.search ...

  5. js 获取url中的参数 修改url 参数 移除url参数

    js 获取url中的参数 修改url 参数 移除url参数 var jsUrlHelper = { getUrlParam : function(url, ref) { var str = " ...

  6. js获取url传递得参数

    方法一:正则法 function getQueryString(name) { var reg = new RegExp('(^|&)' + name + '=([^&]*)(& ...

  7. 获取js连接参数js_args

    获取js连接参数,如下以链接: <script src="js/jscript.js?skin=green" type="text/javascript" ...

  8. 使用rewrite 让php 实现类似asp.net 的IHttpModule 进行带参数js文件的参数获取

    asp.net 的IHttpModule 接口具有很大的作用,我们可以使用实现的模块进行全局的控制,但是在学习php 的过程中也想实现类似的功能,查找php 的文档,自己没有找到, 但是我们大家应该知 ...

  9. javascript js获取url及url参数解析

    js获取url及url参数解析 一.获取url: var url=window.location.herf; 二.url参数解析: function GetRequest() { var url = ...

随机推荐

  1. Confluence 6 为空间赋予公共访问

    希望为一个 Confluence 空间赋予公共访问权限,你必须为匿名用户赋予下面的权限: 在全站启用 可以使用(can use)权限,如上面描述的的. 相关的 空间权限.如果你希望你的一个空间可以公共 ...

  2. 关于向后台请求数据（get请求，无参数传递），返回html代码（实际需要返回的是json数据）的解决方案

    this.$http.get(apis.schoolVideo, { headers: { 'X-Requested-With': 'XMLHttpRequest' } }) 待续

  3. linux 日志编程（总结）

    转自:http://blog.csdn.net/hemmanhui/article/details/4343844 日志主要涉及3个函数,分别是openlog.syslog和closelog函数.表8 ...

  4. dup的使用（二）

    转自:http://blog.csdn.net/yeyuangen/article/details/6852682 一个进程在此存在期间,会有一些文件被打开,从而会返回一些文件描述符,从shell中运 ...

  5. mysql创建索引-----高性能(五)

    转载地址:https://www.cnblogs.com/llzhang123/p/7889382.html 索引的创建可以在CREATE TABLE语句中进行,也可以单独用CREATE INDEX或 ...

  6. Idea破解办法+idea免费生成注册码+jsp属性选择器+注解什么的都报错

    Idea破解办法: http://blog.csdn.net/bitcarmanlee/article/details/54951589 idea免费生成注册码: http://idea.iteblo ...

  7. stimulsoft report工具—— 简单的多表连接打印报表例子

    一.用报表工具打印多个表格信息(包括学生表.教师表.班级表) 1.准备打印的数据(用sqlserver) 1)班级表

  8. Android中aar和jar文件的认识

    在Android开发中,我们总是会引入其他第三方的库或者资源等,有时候是添加一个jar文件,有时候添加一个aar文件,那么这两种类型的文件有什么区别吗?详情请看下文. 一.描述. 1.   *.jar ...

  9. bzoj1648

    题解: 简单灌水 然后统计一下 代码: #include<bits/stdc++.h> using namespace std; ; int ne[N],num,fi[N],n,k,m,x ...

  10. windows 环境下python 安装 pypcap 并用pyinstaller打包到exe，解决DLL 加载失败。

    安装 PYQT5 pypcap 环境: windows10_x64 python3.6.3 pycharm2017.2.4 备注: 需要安装 Visual C++ Build Tools 2015 可 ...