读取URL中单个变量的最简单方法是什么?

时间:2016-01-17 04:52:38

标签: javascript jquery url tumblr

使用Tumblr API,我正在使用他们的ID编号来构建我的帖子的锚点,并认为如果我可以从URL读取变量,我可以使用另一个脚本来查找使用该ID和构造的单个帖子它在我的网站上,让我的观众留在我的页面而不是去Tumblr。最简单的方法是什么?

以下是URL的示例:

    nevermorestudiosonline.com/singlepost.php?id=123456789

简单明了,我想从URL中读取ID号并将其存储到API调用使用的变量中以获取帖子。我只是不知道如何将ID从URL变为变量。

4 个答案:

答案 0 :(得分:1)

您可以使用querystring模块从网址中提取ID。

var querystring = require('querystring');
var url = "nevermorestudiosonline.com/singlepost.php?id=123456789"

var id = querystring.parse(url)["id"];

答案 1 :(得分:0)

JavaScript方式

var url = 'nevermorestudiosonline.com/singlepost.php?id=123456789';
var temp = url.split('=');
var id = temp[1];

// Now you can play with this id and use it the way you
// you want.
console.log(id);`

答案 2 :(得分:0)

var url = "nevermorestudiosonline.com/singlepost.php?id=123456789";
    url = url.split("?")[1]; 
    url = url.slice(url.indexOf("id=") + 3,url.length)      
    console.log(url);

答案 3 :(得分:0)

您可以访问location.search,它会从?字符到URL的末尾或片段标识符的开头(#foo),以先到者为准。

您可以使用此代码:

<script type="text/javascript"> 
    var QueryString = function () {
      // This function is anonymous, is executed immediately and 
      // the return value is assigned to QueryString!
      var query_string = {};
      var query = window.location.search.substring(1);
      var vars = query.split("&");
      for (var i=0;i<vars.length;i++) {
        var pair = vars[i].split("=");
            // If first entry with this name
        if (typeof query_string[pair[0]] === "undefined") {
          query_string[pair[0]] = decodeURIComponent(pair[1]);
            // If second entry with this name
        } else if (typeof query_string[pair[0]] === "string") {
          var arr = [ query_string[pair[0]],decodeURIComponent(pair[1]) ];
          query_string[pair[0]] = arr;
            // If third or later entry with this name
        } else {
          query_string[pair[0]].push(decodeURIComponent(pair[1]));
        }
      } 
        return query_string;
    }();    
    console.log(QueryString);
</script>