Javascript - HTML的request类

2016-02-19 10:55 7 1 收藏

今天图老师小编给大家介绍下Javascript - HTML的request类,平时喜欢Javascript - HTML的request类的朋友赶紧收藏起来吧!记得点赞哦~

【 tulaoshi.com - Web开发 】

做中英转换的时候,要准确的获取参数并取出,所以做了一个简单的html中用js获取当取地址栏的一个Object。
里面有三个方法:
1、request.QueryString("参数")//获取指定参数,返回字符串;
2、request.QueryStrings();//获取全部参数,并返回数组;
3、request.setQuery("参数","参数的值");//如果当前地址栏有此参数,那么将更新此参数,否则返回一个新的地址栏参数字符串。
例如:
当前地址栏参数字符串为:?name=a&site=never_online

alert(request.setQuery("name","blueDestiny"))

如果地址栏参数中有"name",那么返回?name=blueDestiny&site=never_online

setQuery方法有自动追加参数的功能。如:
当前地址栏参数字符串为:?site=never_online
alert(request.setQuery("name","blueDestiny"))
则返回?site=never_online&name=blueDestiny

同理,如果地址栏没有参数,也会自动追加参数
alert(request.setQuery("name","blueDestiny"))
返回?name=blueDestiny

代码如下:
SCRIPT LANGUAGE="JavaScript" 
!-- 
// author: never-online 
// web: never-online.net 
var request = { 
 QueryString : function(val) { 
 var uri = window.location.search; 
 var re = new RegExp("" +val+ "=([^&?]*)", "ig"); 
 return ((uri.match(re))?(uri.match(re)[0].substr(val.length+1)):null); 
 }, 
 QueryStrings : function() { 
 var uri = window.location.search; 
 var re = /w*=([^&?]*)/ig; 
 var retval=[]; 
 while ((arr = re.exec(uri)) != null) 
 retval.push(arr[0]); 
 return retval; 
 }, 
 setQuery : function(val1, val2) { 
 var a = this.QueryStrings(); 
 var retval = ""; 
 var seted = false; 
 var re = new RegExp("^" +val1+ "=([^&?]*)$", "ig"); 
 for(var i=0; ia.length; i++) { 
 if (re.test(a[i])) { 
 seted = true; 
 a[i] = val1 +"="+ val2; 
 } 
 } 
 retval = a.join("&"); 
 return "?" +retval+ (seted ? "" : (retval ? "&" : "") +val1+ "=" +val2); 
 } 

alert(request.setQuery("e","b")) 
//-- 
/SCRIPT 

来源:https://www.tulaoshi.com/n/20160219/1596111.html

延伸阅读
标签: Web开发
在日常的前端开发工作中,我们会经常的与HTML、javascript、css等语言打交道,和一门真正的语言一样,计算机语言也有它的字母表、语法、词法、编码方式等,在这里我简单的谈一下前端HTML与javascript日常工作中常碰到的编码问题。 在计算机中,我们储存的信息都是用二进制码表示的。我们认识的、屏幕上显示的英文、汉字等符号和储存用的二...
标签: Web开发
JavaScript中类的学习,从基本类继承过来方法 也可以这样实现: Java代码 function newClass(){         this.firstName="frank";         this.toUc=String.toUpperCase;         this.toString=function()...
标签: Web开发
在项目,要实现把页面中的一个Table保存到Excel中,代码如下: Html代码 html    head       title保存HTML中的Table到Excel中/title    /head    body       h1保存内容到Excel中/h1       table id='content'&nb...
标签: Web开发
与现在那些Ajax框架比较,优劣之处?看完再说吧: 1、Ajax.js 代码如下: /*     AJAX v1.4     HJF 2009-7-5 */ function AjaxDO(){     this.HttpRequest = null;     this.openMethod = null; //HTTP请求的方法,为Get、Post 或者Head  ...
标签: Web开发
最近遇到了一道 Javascript 考题,内容如下: 尝试实现注释部分的 Javascript 代码,可在其他任何地方添加更多 代码(如不能实现,说明一下不能实现的原因): var Obj = function(msg){    this.msg = msg;    this.shout = function(){  ...

经验教程

14

收藏

37
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部