Question

我有这个网址http://localhost:1234/pag1

当我点击div时，我希望如下所示：

 http://localhost:1234/pag1?fare=standar

我有一个onclick事件函数：

 <div id="" onclick="addUrl();"> </div>

和js代码：

<script type="text/javascript">
 function addUrl() {
    var url = window.location.href;
    window.location.hash = '?fare=standar';
};
    </script>

这给了我这个结果：

http://localhost:1234/pag1#?fare=standar

我不知道如何删除（＃）。我只需要将参数添加到url，而无需刷新页面。

建议我！感谢＆＃39; S

Answer 1

使用window.history.pushState( {} , '', '?fare=standar' );

这应该更新网址而不刷新。

您也可以对pushState进行一些研究，因为实现可能会有所不同。

Answer 2

尝试一下

HTML

Throwable

JavaScript

for {
  o <- ZIO.fromFuture { implicit ec => foo("test") }
  i <- ZIO.fromOption(o).mapError(_ => new RuntimeException("boom"))
  s <- ZIO.fromFuture { implicit ec => bar(i)}
} yield s

快速说明：：当用户单击div时，URL将更新而不会刷新页面。

希望这对您有用，谢谢：-）。

Answer 3

window.location.hash总是在URL中加上“＃”

您可以使用此函数

在url中推送参数

function setGetParameter(paramName, paramValue)
{
    var url = window.location.href;
    if (url.indexOf(paramName + "=") >= 0)
    {
        var prefix = url.substring(0, url.indexOf(paramName));
        var suffix = url.substring(url.indexOf(paramName));
        suffix = suffix.substring(suffix.indexOf("=") + 1);
        suffix = (suffix.indexOf("&") >= 0) ? suffix.substring(suffix.indexOf("&")) : "";
        url = prefix + paramName + "=" + paramValue + suffix;
    }
    else
    {
    if (url.indexOf("?") < 0)
        url += "?" + paramName + "=" + paramValue;
    else
        url += "&" + paramName + "=" + paramValue;
    }
    window.location.href = url;
}

我希望这会对你有所帮助

Answer 4

试试这个

window.history.pushState("object or string", "Title", "new url");

或者

window.history.replaceState(null, null, "/another-new-url");

或者无需重新加载页面

var albumSort = function () {
    //All album thumbnails in items
    var album = $(".photo-album");
    var items = $(".js-album-thumbnail");
    //items in Array
    var arr = $.makeArray($(items));

    console.log(album);
    console.log(items);

    //Sorting the album thumbnails array
    arr.sort(function(a, b) {
        //item a < b so the higher the time the higher the position
        return new Date( $(a).attr('data-timestamp') ) < new Date( $(b).attr('data-timestamp') );
    });

    console.log(arr);

    //Appending the Array items to the album
    $(album).append(arr);
};
albumSort();

或者无需重新加载页面

2015/01/01 08:10:15

Answer 5

为什么不使用jQuery？我在JsFiddle中准备了样本：

$("#clickableDiv").click(function(){
  var url = "http://localhost:1234/pag1";
  var parameter = "fare=standar";
  $("#AppendUrl").text(url+ "?" + parameter);  
});

如何在不重新加载页面的情况下向我的网址添加参数？

5 个答案: