Question

我正在尝试获取一个使用js来检索有效的查询字符串参数的简单示例，但事实并非如此（即使我说的很简单）。这是我的代码：

我尝试放入警报语句并调试老式方法，但老实说，我习惯于将VS2017用于c＃而不是js

这是我正在使用的代码。

我有2个html页面，第一个只有一个链接：

<a href="h1.html?type=generalk">try me</a>

第二个具有代码：

    this is some text <br />
    <script> getparams2();</script>   

    this is some more text <br />   


    <script>
        function getUrlParam(parameter, defaultvalue) {
            var urlparameter = defaultvalue;
            if (window.location.href.indexOf(parameter) > -1) {
                urlparameter = getUrlVars()[parameter];
            }
            return urlparameter;
        }
    </script>

    <script>
        function getUrlVars() {
            var vars = {};
            var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function (m, key, value) {
                alert(value);
                vars[key] = value;
            });
            return vars;
        }
    </script>

    <script>
        function getparams2()
        {

            var mytext = getUrlVars()["type"];

        }
    </script>

我要达到的结果是h1.html页面可以显示url中的type参数。

预先感谢，保罗。

Answer 1

我将通过以下方式进行操作：

URL-Param功能

function getUrlParam(name){
  name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
  var regexS = "[\\?&]" + name + "=([^&#]*)";
  var regex = new RegExp(regexS);
  var results = regex.exec(window.location.href);
  if (results == null) { return ""; }
  else { return results[1]; }
};

通过getParams2拨打电话

function getParams2(){
  return getUrlParam('type');
};

getParams2将返回参数值（如果它在URL中）。

Answer 2

您的代码有效。您只需要在文档准备就绪时执行它，还需要返回内容或更新页面以查看结果。

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> 
</script>
</head>
<body>
<div id="params"> Printing The URL Params here</div>

<script type="text/javascript">
$( document ).ready(function() {
  getparams2();

  function getUrlParam(parameter, defaultvalue) {
      var urlparameter = defaultvalue;
      if (window.location.href.indexOf(parameter) > -1) {
          urlparameter = getUrlVars()[parameter];
      }
      return urlparameter;
  }

  function getUrlVars() {
      var vars = {};
      var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function 
(m, key, value) {
          alert(value);
          vars[key] = value;
      });
      return vars;
  }

  function getparams2()
  {
      var mytext = getUrlVars()["type"];
      //console.log(mytext);
      $('#params').text(mytext);
  }

});

</script>
</body>
</html>

我的检索查询字符串参数的JS无法正常工作，有什么主意吗？

2 个答案: