美文网首页javascript
javascript 之《 url传参》

javascript 之《 url传参》

作者: 一枚程序员的灵感 | 来源:发表于2017-08-16 18:41 被阅读6次
1,格式
  'url' ? a = 2 & b = 3 这里传递了2个参数a和b。
2,在b页面如何获取?直接上代码
  *方法:
      function GetQueryString(name) {    
                var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");   
                          var r = window.location.search.substr(1).match(reg);
                  if (r !== null)return unescape(r[2]);
                  return null;  
       } 
  *调用:
   GetQueryString(' a ') 
   GetQueryString(' b ')

注意:括号里边加引号。

3,若数据中出现了中文,你会发现乱码了~那么如何解决呢,上代码:

 *跳转前先编码:
  a = encodeURI (“含有中文的数据1”)
  b = encodeURI (“含有中文的数据2”)
  然后跳转:
  url ? a = data & b = data 

 *b页面获取并解码:
  var urlInfo = window.location.href;
  var data = decodeURI ( urlInfo.split('=')[2] )
  console.log(data)

 此时就成功传递过来了~

---end.

相关文章

  • javascript 之《 url传参》

    1,格式 2,在b页面如何获取?直接上代码 注意:括号里边加引号。 3,若数据中出现了中文,你会发现乱码了~那么如...

  • SpringBoot-02-之参数传递

    一:url传参 1.get方式Url传参:@PathVariable 访问:http://localhost:80...

  • gin添加swagger

    1.使用url传参 2.使用body传参

  • 前端与后台交互的方式

    前台向后台传参,一般有如下几种方式:1)URL方式传参这种方式传参时,首个参数置于url的后面,用“?”连接;形式...

  • vue - 路由带参跳转

    vue路由传参按照传参方式可划分为params传参和query传参; params传参分为在url中显示和影藏参数...

  • 2019-04-30 路由传值

    1,使用query的形式传参 使用url传参 url中使用"?属性名=属性值",例如:“XXX?login=10”...

  • Scrapy请求传参,提高爬取效率,fake-useragent

    scrapy请求传参 1 传参 :yield Request(url,callback=self.parser_d...

  • 浏览器标签间的通信

    url传参 localStorage SharedWorker WebSocket

  • url传参

    url传参 参数作用:可以在相同的url,指定不同参数来加载不同数据 @app.route('/article/ ...

  • 页面传值

    一:JavaScript静态页面值传递之URL篇能过URL进行传值.把要传递的信息接在URL上.Post.htm复...

网友评论

    本文标题:javascript 之《 url传参》

    本文链接:https://www.haomeiwen.com/subject/yhqwrxtx.html