admin管理员组

文章数量:1315359

I am using following code to append param to url. This is working fine but when parameter is appended in url, page is getting reloaded. I want to use this functionality without reloading the page .

function insertParam(key, value)
{
    key = escape(key); value = escape(value);

    var kvp = document.location.search.substr(1).split('&');


    var i=kvp.length; var x; while(i--) 
    {
        x = kvp[i].split('=');

        if (x[0]==key)
        {
                x[1] = value;
                kvp[i] = x.join('=');
                    alert('sdfadsf');
                break;
        }
    }

    if(i<0) {kvp[kvp.length] = [key,value].join('=');}

    //this will reload the page, it's likely better to store this until finished
    document.location.search = kvp.join('&'); 
    //alert(document.location.href);

}

I want to add multiple params to url without reloading the page like:

• txt1
• txt2
• txt3

• link1
• link2
• link3

i want url : "..../search.php"

after click on txt2 i want url : "..../search.php#t_2"

after click on link2 i want url : "..../search.php#t_1&l_2"

I am using following code to append param to url. This is working fine but when parameter is appended in url, page is getting reloaded. I want to use this functionality without reloading the page .

function insertParam(key, value)
{
    key = escape(key); value = escape(value);

    var kvp = document.location.search.substr(1).split('&');


    var i=kvp.length; var x; while(i--) 
    {
        x = kvp[i].split('=');

        if (x[0]==key)
        {
                x[1] = value;
                kvp[i] = x.join('=');
                    alert('sdfadsf');
                break;
        }
    }

    if(i<0) {kvp[kvp.length] = [key,value].join('=');}

    //this will reload the page, it's likely better to store this until finished
    document.location.search = kvp.join('&'); 
    //alert(document.location.href);

}

I want to add multiple params to url without reloading the page like:

• txt1
• txt2
• txt3

• link1
• link2
• link3

i want url : "..../search.php"

after click on txt2 i want url : "..../search.php#t_2"

after click on link2 i want url : "..../search.php#t_1&l_2"

• javascript
• jquery
• url
• append
• pushstate

Share Improve this question Follow edited Mar 24, 2015 at 11:32 The Dark Knight 5,5851313 gold badges5858 silver badges104104 bronze badges asked May 4, 2012 at 8:21 Manoj PatilManoj Patil 3511 gold badge11 silver badge99 bronze badges 1

• i want to add mutliple parameter in url like: – Manoj Patil Commented May 5, 2012 at 6:07

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 6

You can only do this using history.pushState(state, title, url) which is an HTML5 feature.

There is a new feature that aims to replace the use of location.hash with a better solution: pushState.

 window.history.pushState(data, "Title", "/new-url");

More information: http://badassjs./post/840846392/location-hash-is-dead-long-live-html5-pushstate

本文标签： javascriptAppend parameter in url without reloading pageStack Overflow