var url="http://www.runoob.com/index.php?id=1&image=awesome.jpg";
function getQueryVariable(variable){
   var str=url.split('?');
   var query=str[1];
   var vars=query.split('&');
   console.log(query,str,vars);
   for (var i=0;i<vars.length;i++) {
       var pair = vars[i].split("=");
       console.log(pair);
       if(pair[0] == variable){
           return pair[1];
       }
   }
   return(false);
}
console.log(getQueryVariable('id'));
console.log(getQueryVariable("image"));

目录

get请求获取query参数

实现方式：

request.query                      query对象

request.querystring             query 字符串

例如： http://localhost:3000/news?a=36&b=37

request.query                      {a:36,b:37}

request.querystring             'a=36&b=37'

案例：

启用下面服务访问该url：http://localhost:3000/news?a=36&b=37

/**
 * Koa
 * */
const Koa = require('koa');
const Router = require('koa-router')();
const App = new Koa();

Router.get('/',(ctx,next)=>{
    ctx.body = 'Hello koa';
});
Router.get('/news',(ctx,next)=>{
   let url = ctx.url;
   let request = ctx.request;
   let req_query = request.query;
   let req_querystring = request.querystring;

   let ctx_query = ctx.query;
   let ctx_querystring = ctx.querystring;
   ctx.body = {
       url,
       req_query,
       req_querystring,
       ctx_query,
       ctx_querystring
   }
});

App.use(Router.routes());
App.use(Router.allowedMethods());
App.listen(3000,()=>{
    console.log('quick start at port 3000');
});

结果：

{"url":"/news?a=36&b=37","req_query":{"a":"36","b":"37"},"req_querystring":"a=36&b=37","ctx_query":{"a":"36","b":"37"},"ctx_querystring":"a=36&b=37"}

function getQueryData() {
    let params = new URLSearchParams(location.search.replace(/\?/ig, ""));
    let data = {}
    for(let index of params){
      data[index[0]] = index[1] || ''
    }
    return data;
}
例如：网址为“http://xx.xx.com/?a=1&b=2&c=3”
getQueryData() //{a: "1", b: "2", c: "3"}

注意：IE浏览器不支持，可以用在微信公众号开发中