使用PHP可读的哈希导航时，如何在URL中添加参数？

Question

I have written a single page application in HTML5. I use JQuery and hash navigation to navigate between pages. This works fine so far. Now I have written a really simple php script that pulls blog entries from my database. Of course I want the user to be able to link those articles and navigate tags etc. How would I implement that?

I tried http://example.com/#blog?tag=news but somehow my php script is unable to catch that parameter.

Answer 1

That is a fragment denoted by the # and is only used by the browser and not passed to the server. PHP will not receive $_GET['tag'] and not #blog as you have it constructed.

Try ?tag=news#blog but PHP will still not get the #blog .

Answer 2

我认为它看起来像http://www.example.com?tag=news#blog看起来更好，而且@AbraCadaver指出的＃仅由浏览器使用。

<?php echo $_GET['tag']; ?> //would output news

Answer 3

您可以使用此变量$ _GET ['tag']进行捕捉

Answer 4

you must use java scritp eg:

var hash = location.hash;
it will return the hash value to you
but you will need send to server-side using
the post or get of java script

Answer 5

I have solved the problem and wanted to share here how.

The underlying problem here was the loading of all content with JQuery. While my initial URI was wrong, http://example.com/?tag=news#blog did not solve it either. The variable was never sent to the $_GET Array of PHP, because the index.html does not contain any PHP and the script is loaded into a div via JQuery/Ajax.

So the solution here was to modify my JQuery Function:

function navigate(theHash)
{
    var parsed = theHash;
    var tag    = '';

    if ( theHash.indexOf("/") != -1 ){ /* Check if there is a trailing slash in the string */
        parsed = theHash.substr(0, theHash.indexOf("/"));
    }
    if ( theHash.indexOf(",") != -1 ){ /* Check for Parameters to send to PHP */
        parsed = theHash.substr(0, theHash.indexOf(","));
        tag = theHash.substr(theHash.indexOf(','), theHash.length);
    }


    if ( parsed.localeCompare("#!portfolio") == 0 ){
        $('#content').load('portfolio.html');
    }
    else if ( parsed.localeCompare("#!blog") == 0 ){
        if ( tag.localeCompare('') != 0 )
        {
            $("#content").load('blog.html?tag='+tag.substr(1, tag.length));
        }
        else{
            $("#content").load('blog.html');        
        }
    }
    else{
        $('#content').load('front.html');
    }
}

So with the little change in the blog part of the if statement to load the html page with the parameter appended (which contains the php code), the variable gets transported correctly to PHP and I can read it via $_GET. While this is only a first draft and needs to get refined for more parameters and more robust behavior, it shows how I solved the issue.