javascript - 如何使用 javascript 或 jquery 从 url 参数获取值

标签 javascript jquery

我在从 url 获取值时遇到问题,我有一个显示模式的链接 就像我一样

<a href='#modal?userId=<%=resultSet.getInt("drid")%>' class="button-border toggleModal">Apportionment</a>

上面的链接打开模式如下

<div id="modal" class="modal">    
    <header>
      <h2>Appointment Form</h2>      
    </header>
    <form action="addappoinment.jsp" method="post">
        <input type="hidden" id="docId" name="docid" value=""><br>
        <input type="text" required><br>
        <input type="text" required><br>
        <input type="text" required><br>
        <input type="text" required><br>
        <textarea rows="4" cols="21"></textarea><br> 
        <button class="button-border button-success" type="submit">
     Done</button>

    <button class="button-border button-error pull-right toggleModal">
      Cancel</button>       
      </form>    
  </div>

现在我有一个像

这样的网址
http://localhost:8080/app/#modal?userId=1

现在我想使用 javascript 获取 userId 参数的值

<script type="text/javascript">

function getParameterByName(name) {
    name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
    var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
        results = regex.exec(location.search);
    return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
}

var param = getParameterByName("userId");
var userId = document.getElementById("docId");
userId.value = param;


</script>

但无法从http://localhost:8080/app/#modal?userId=1

获取值

最佳答案

#modal?userId=1

查询字符串(发送到服务器)必须位于片段标识符(完全由客户端处理)之前。

?userId=1#modal

如果您不想将该数据发送到服务器,则需要读取片段标识符 (location.hash) 并将其拆分到 ?以获得您需要的作品。

关于javascript - 如何使用 javascript 或 jquery 从 url 参数获取值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34656824/

相关文章:

javascript - 如何在 jQuery 中链接延迟对象?

jQuery 验证 ResetForm 不起作用添加到 Onclick 复选框

javascript - 向下然后向上滚动时如何为元素设置动画

javascript - 具有良好 API 的所见即所得

javascript - 长时间运行的 Node REST API 需要很长时间才能响应

jquery - Bootstrap Carousel 如果项目处于事件状态,则将类添加到 div 然后删除

javascript - 是否可以删除特定的浏览器历史记录

javascript - 如何在图表中的 X 轴上绘制日期范围?

Javascript DOM,如何确定触发了哪个事件监听器?

javascript - 通过 HTML 按钮传递 PHP 函数(带参数)