Effect:

Step 1: Create a template folder to save the template files in the root directory of the website. Create two files, success.html and error.html, respectively

The code for success.html:

<! DOCTYPEhtml PUBLIC "- / / / / W3C DTD XHTML 1.0 Transitional / / EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="Width = device - width, initial - scale = 1.0, the minimum - scale = 1.0, the maximum - scale = 1.0, user - scalable = no"/>
    <title>Jump prompt</title>
    <style type="text/css">* {padding: 0; margin: 0; }
        body{ background: #fff; font-family: "Microsoft Yahei"."Helvetica Neue",Helvetica,Arial,sans-serif; color: # 333; font-size: 16px; }
        .system-message{ padding: 24px 48px; }
        .system-message h1{ font-size: 100px; font-weight: normal; line-height: 120px; margin-bottom: 12px; }
        .system-message .jump{ padding-top: 10px; }
        .system-message .jump a{ color: # 333; }
        .system-message .msg..system-message .error{ line-height: 1.8 em; font-size: 36px; }
        .system-message .detail{ font-size: 12px; line-height: 20px; margin-top: 12px; display: none; }
    </style>
</head>
<body>
    <div class="system-message">
        <h1>:)</h1>
        <p id="msg" class="msg"></p>
        <p class="detail"></p>
        <p class="jump">Page automatically<a id="href" href="javascript:history.go(-2);">jump</a>Waiting time:<b id="wait">3</b>
        </p>
    </div>
    <script type="text/javascript">
        (function(){
			var msg = getQueryString('msg');
			document.getElementById('msg').innerHTML=msg;
			/ / the countdown
			var wait = document.getElementById('wait'),
                href = document.getElementById('href').href;
            var interval = setInterval(function(){
                var time = --wait.innerHTML;
                if(time <= 0) {
                    history.go(-2);
                    clearInterval(interval);
                };
            }, 1000); }) ();function getQueryString(name) {
			var reg = new RegExp('(^ | &)' + name + '= (/ ^ & *) (& | $)'.'i');
			var r = window.location.search.substr(1).match(reg);
			if(r ! =null) {
				return decodeURI(r[2]);
			} else {
				return null; }}</script>
</body>
</html>
Copy the code

The code for error.html:

<! DOCTYPEhtml PUBLIC "- / / / / W3C DTD XHTML 1.0 Transitional / / EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="Width = device - width, initial - scale = 1.0, the minimum - scale = 1.0, the maximum - scale = 1.0, user - scalable = no"/>
    <title>Jump prompt</title>
    <style type="text/css">* {padding: 0; margin: 0; }
        body{ background: #fff; font-family: "Microsoft Yahei"."Helvetica Neue",Helvetica,Arial,sans-serif; color: # 333; font-size: 16px; }
        .system-message{ padding: 24px 48px; }
        .system-message h1{ font-size: 100px; font-weight: normal; line-height: 120px; margin-bottom: 12px; }
        .system-message .jump{ padding-top: 10px; }
        .system-message .jump a{ color: # 333; }
        .system-message .msg..system-message .error{ line-height: 1.8 em; font-size: 36px; }
        .system-message .detail{ font-size: 12px; line-height: 20px; margin-top: 12px; display: none; }
    </style>
</head>
<body>
    <div class="system-message">
        <h1>: (</h1>
        <p id="msg" class="msg"></p>
        <p class="detail"></p>
        <p class="jump">Page automatically<a id="href" href="javascript:history.go(-2);">jump</a>Waiting time:<b id="wait">3</b>
        </p>
    </div>
    <script type="text/javascript">
        (function(){
			var msg = getQueryString('msg');
			document.getElementById('msg').innerHTML=msg;
			/ / the countdown
			var wait = document.getElementById('wait'),
                href = document.getElementById('href').href;
            var interval = setInterval(function(){
                var time = --wait.innerHTML;
                if(time <= 0) {
                    history.go(-2);
                    clearInterval(interval);
                };
            }, 1000); }) ();function getQueryString(name) {
			var reg = new RegExp('(^ | &)' + name + '= (/ ^ & *) (& | $)'.'i');
			var r = window.location.search.substr(1).match(reg);
			if(r ! =null) {
				return decodeURI(r[2]);
			} else {
				return null; }}</script>
</body>
</html>
Copy the code

Step 2: Write the success() and Error () methods in a public PHP class:


      

function success($msg){
	echo '.$msg.'"</script>';
}

function error($msg){
	echo '.$msg.'"</script>';
}
Copy the code

Step 3, call example:


      
// Introduce public classes
include_once("config.ini.php");

success('Recharge successfully');

error('Recharge failed');
Copy the code