欢迎各位兄弟 发布技术文章

这里的技术是共享的

You are here

首页

王者大陆得到url路径的参数 查询 query 有大用 获得 获取 得到分割的键值对的值 get 请求 request 参数 有大用 有大大用

星期二, 2016-06-28 16:58 — adminshiping1

function quest(name){

 Request = {
 QueryString : function(item){
 var svalue = location.search.match(new RegExp("[\?\&]" + item + "=([^\&]*)(\&?)","i"));
 return svalue ? svalue[1] : svalue;
  }
 }
 var value = Request.QueryString(name);
 return value;
}

var a=quest("ad");
就得到 url中ad的参数值



下面是 得到 "aa=11&bb=22&cc=33" 这种类型的键值对的值 以&分割的字符串(根据键得到值  ) 
//下面这个有大用
<script>
 
 function get_value_by_key_data(str,name){
        Request = {
            QueryString : function(str,item){
                var svalue = str.match(new RegExp("[\&]" + item + "=([^\&]*)(\&?)","i"));
                //alert(svalue);
                return svalue ? svalue[1] : svalue;
            }
        }
        var value = Request.QueryString(str,name);
        return value;
    }
var str = "aa=11&bb=22&cc=33";
var aa_value = get_value_by_key_data("&"+str,'aa');//记住这里最前面要加上&
alert(aa_value);//弹出 aa 的值为 11
</script>


下面是得到锚点的值 

<script> 

function quest(name){

  Request = { 

              QueryString : function(item){

              var svalue = location.hash ; svalue = svalue.match(new RegExp("[\#]" + item + "=([^\&]*)(\&?)","i")); 

             return svalue ? svalue[1] : svalue;

               } 

            } 

          var value = Request.QueryString(name); 

          return value; 

  } 

</script>

var a=quest("ad"); 就得到 url中ad的锚点的参数值



JS 获取URL参数

 

 

有时候需要通过JavaScript中获取网址中传递的参数，一般使用的方法有三种。

一、根据参数名获取参数值 getQueryStringByName （这个是最常用的）

 

复制代码
//根据参数名获取参数值
function getQueryStringByName(name){
     var result = location.search.match(new RegExp("[\?\&]" + name+ "=([^\&]+)","i"));
     if(result == null || result.length < 1){
         return "";
     }
     return result[1];
}
复制代码

二、获取整个参数数组 getQueryString

 

复制代码
//获取QueryString的数组
function getQueryString(){
     var result = location.search.match(new RegExp("[\?\&][^\?\&]+=[^\?\&]+","g")); 
     if(result == null){
         return "";
     }
     for(var i = 0; i < result.length; i++){
         result[i] = result[i].substring(1);
     }
     return result;
}
复制代码

三、根据索引值获取参数值 getQueryStringByIndex，基于第二个获取的参数数组

 

复制代码
//根据索引值获取参数值
function getQueryStringByIndex(index){
     if(index == null){
         return "";
     }
     var queryStringList = getQueryString();
     if (index >= queryStringList.length){
         return "";
     }
     var result = queryStringList[index];
     var startIndex = result.indexOf("=") + 1;
     result = result.substring(startIndex);
     return result;
}
复制代码

来自 http://www.cnblogs.com/leoxuan/p/6692349.html



用JS获取页面URL中的锚点值
字数97 阅读1205 评论0 

假设使用location.href='test.html#name=007使URL跳转至007处：

用JS取锚点值：

location.hash 

输出结果：

#name=007

若URL为location.href='test.html?name=007

用取JS获取？后面的值：

 location.href.search()

输出结果：

?chen=陈建平

在获得了这两个值之后，可以再在后面加上.substring(1)将#或？去掉。

来自 http://www.jianshu.com/p/999906b4f120

来自 http://www.jb51.net/article/17338.htm


如何获取URL后面锚点ID

阅读：11985 次   编辑日期：2013-12-10

目录：

 

概述：

在今天的内容开始之前，请大家先点击几个链接：
http://www.uw3c.com/help.html#mail
http://www.uw3c.com/help.html#disclaimer
http://www.uw3c.com/help.html#money
点开之后，对比就会发现，同一个页面点击开之后确实不同的样式，这是为什么呢？其实远离很简单，根据URL后面不同的锚点ID，从而显示不同的样式。

如何获取URL后面锚点ID：

获取URL后面锚点ID的方法依然很简单，一行代码搞定。
1
var thisId = window.location.hash;
如果当前页面为http://www.uw3c.com/help.html#mail的话，结果就为“#mail”。

如何运用获取到的ID：

例如：对URL后面锚点的ID添加样式（.uw3c）：
1
2
3
4
5
6
$(function(){
    var thisId = window.location.hash;
    if(thisId != "" && thisId != undefined){
        $(thisId).addClass("uw3c");
    }
})
上一篇：jQuery对象与DOM对象


来自  http://www.uw3c.com/jsviews/js21.html



JS获取页面 GET 方式请求的参数

2018年08月22日 15:03:41  阅读数 7240

JS获取页面 GET 方式请求的参数

页面的URL: http://localhost:8080/erp?name=王大炮&age=12 
要求：或者传递的name和age值

方法一：正则分析法

/**
* 根据变量名获取匹配值
*/
function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]); return null;
} 
//调用
alert(GetQueryString("name"));
alert(GetQueryString("age"));


方法二：手动截取


function GetRequest() {
    var url = location.search; //获取url中"?"符后的字串
    var theRequest = new Object();
    if (url.indexOf("?") != -1) {
        var str = url.substr(1);
        strs = str.split("&");
        for(var i = 0; i < strs.length; i ++) {
            theRequest[strs[i].split("=")[0]]=decodeURI(strs[i].split("=")[1]);
        }
    }
    return theRequest;
} 

//调用
var Request = new Object();
Request = GetRequest();
var name,age;
name = Request['name'];
age = Request['age'];



调用方法说明

  1. window.location 对象用于获得当前页面的地址 (URL)，并把浏览器重定向到新的页面

属性描述
hash从井号 (#) 开始的 URL（锚）
host主机名和当前 URL 的端口号
hostname当前 URL 的主机名
href完整的 URL
pathname返回当前页面的路径和文件名
port返回 web 主机的端口 （80 或 443）
protocol返回所使用的 web 协议（http:// 或 https://）
search从问号 (?) 开始的 URL（查询部分）

2.match() 方法可在字符串内检索指定的值，或找到一个或多个正则表达式的匹配。 
该方法类似 indexOf() 和 lastIndexOf()，但是它返回指定的值，而不是字符串的位置。 
语法 
两个构造器

stringObject.match(searchvalue)
stringObject.match(regexp)


参数描述
searchvalue必需。规定要检索的字符串值。
regexp必需。规定要匹配的模式的 RegExp 对象。如果该参数不是 RegExp 对象，则需要首先把它传递给 RegExp 构造函数，将其转换为 RegExp 对象。

返回值 
存放匹配结果的数组。该数组的内容依赖于 regexp 是否具有全局标志 g 
匹配字符串：

var str="Hello world!"
document.write(str.match("world") + "<br />")
//输出：world


使用全局匹配的正则表达式来检索字符串中的所有数字：

var str="1 plus 2 equal 3"
document.write(str.match(/\d+/g))
//输出：1,2,3


3.decodeURI() 函数可对 encodeURI() 函数编码过的 URI 进行解码。

来自 https://blog.csdn.net/u012894692/article/details/81943281


js方法获取get方式传过来的参数

2015年05月07日 11:38:27  阅读数 5030
版权声明：本文为博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013515202/article/details/45558861

有两种方法：比如url为：http://h5.49you.com/reg.html?sid=1&a=2&b=3&c=4

1、function GetQueryString(name) {

   var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)","i");
   var r = window.location.search.substr(1).match(reg);
   if (r!=null) return (r[2]); return null;
}


var sid = GetQueryString("sid");

var a = GetQueryString("a"); 

       var b = GetQueryString("b");

var c = GetQueryString("c");


2、var $_GET = (function() {
 var url = window.document.location.href.toString();
 var u = url.split("?");
 if (typeof(u[1]) == "string") {
   u = u[1].split("&");
   var get = {};
   for (var i in u) {
     var j = u[i].split("=");
     get[j[0]] = j[1];
   }
   return get;
 } else {
   return {};
 }
})();


var sid=ad = $_GET['sid'];

       var a=ad = $_GET['a'];

       var b=ad = $_GET['b'];

       var c=ad = $_GET['c'];

js获取get方式传过来的值

来自  https://blog.csdn.net/shabubusha/article/details/45558861


普通分类: 
javascript
Powered by Drupal

友情链接

校园好文网

 www.shipingzhong.cn  个人技术网_前端_后台    备案号:苏ICP备18010659号-2