在短时间内显示隐藏的div，具体取决于url中的PHP $ GET

Question

I have two different hidden divs. They are hidden with css "display:none;". Both of the divs contains a single image. Upon page load I would like div 1 to be shown for a short period of time if the url is "www.myserver.com/index.php?succeded=yes" and div 2 to be shown instead if the url says "www.myserver.com/index.php?succeded=no".

Can this be done with jquery?

Answer 1

To read "succeded": Get escaped URL parameter .

Using the function function getURLParameter(name) :

if (getURLParameter('succeded') == 'yes') {
    $('#mydiv').show();
    window.setTimeout(function () { $('#mydiv').hide(); }, 5000); // hide after 5s
}

that should do the trick.

Answer 2

You can use .split() method of jQuery:

var url = "www.myserver.com/index.php?succeded=yes"; // window.location.href;
var str = url.split('?')[1];

if(str == "succeded=yes"){
    $('.yesdiv').show().delay(2000).hide();
}else{
    $('.nodiv').show().delay(2000).hide();
}

Answer 3

First of all, parameters in the URL are GET parameters, not POST.

And of course this can be done – either you already check for this parameter server-side and then just output the appropriate JS code; or you check the URL of the current document in JS yourself, using location.search to access the query string part of the URL.

Answer 4

我认为如果你将php变量解析为js会更容易

var any = "<?=isset($_GET['success'])?$_GET['success']:''?>";