How to pop up a prompt and jump to the page in php-PHP Problem-php.cn

How to pop up a prompt and jump to the page in php

PHPz

Release： 2023-04-26 18:11:21

Original

2573 people have browsed it

In web development, it is often necessary to prompt a message and jump to another page after the user performs an operation. PHP provides a variety of methods to implement this function. This article will introduce a relatively simple method - using JavaScript pop-up windows to prompt information and jump.

Step 1: Write an HTML page

First, we need to write an HTML page that contains a button that will execute a PHP script when the user clicks the button. In the button's onclick event, we can use JavaScript to pop up the prompt box and jump to another page.

The code is as follows:

<!DOCTYPE html>
<html>
<head>
    <title>提示框示例</title>
</head>
<body>
    <button onclick="redirectToPage()">点击跳转</button>
    <script>
        function redirectToPage() {
            // 弹出提示框
            alert('即将跳转到另一个页面');
            
            // 跳转到另一个页面
            window.location.href = 'http://www.example.com';
        }
    </script>
</body>
</html>

Copy after login

In the above code, we use JavaScript’s alert function to pop up a prompt box (that is, pop up a dialog box with prompt information), and then use window.location. The href attribute jumps the page to the specified URL address.

Step 2: Write a PHP script

Next, we need to write a PHP script to handle the user's click event. In this script, we will set some URL addresses that need to be redirected, and then pass these URL addresses as parameters to the HTML page for use in JavaScript.

The code is as follows:

<?php
// 设置需要跳转的URL地址
$url1 = &#39;http://www.google.com&#39;;
$url2 = &#39;http://www.baidu.com&#39;;

// 将URL地址编码后传递给HTML页面
echo &#39;<input type="hidden" id="url1" value="&#39; . urlencode($url1) . &#39;">';
echo '<input type="hidden" id="url2" value="&#39; . urlencode($url2) . &#39;">';
?>

Copy after login

In the above code, we use the echo function to output the encoded URL address, and use the urlencode function to encode the URL address to prevent the URL from being Containing special characters causes the page to fail to jump normally.

Step 3: Modify the HTML page

Now we need to use PHP’s include function in the HTML page to introduce the PHP script written above, and read the URL address parameters, and then in JavaScript Use these URL addresses to redirect.

The modified code is as follows:

<!DOCTYPE html>
<html>
<head>
    <title>提示框示例</title>
</head>
<body>
    <button onclick="redirectToPage()">点击跳转</button>
    <script>
        function redirectToPage() {
            // 弹出提示框
            alert('即将跳转到另一个页面');
            
            // 获取URL地址参数
            var url1 = document.getElementById('url1').value;
            var url2 = document.getElementById('url2').value;
            
            // 随机选择一个URL地址进行跳转
            var urls = [url1, url2];
            var index = Math.floor(Math.random() * urls.length);
            window.location.href = decodeURIComponent(urls[index]);
        }
    </script>
    
    <?php include(&#39;redirect_urls.php&#39;); ?>
</body>
</html>

Copy after login

In the above code, we use the document.getElementById function to obtain the URL address parameters output by the PHP script, and then save these URL addresses to an array middle. Next, we randomly select the array, then use the decodeURIComponent function to decode the URL address, and finally use the window.location.href property to jump the page to the selected URL address.

Summary

Using JavaScript to pop up a prompt box and jump is a simple and commonly used web development technique, which can help us better prompt users and guide them to the specified page. By using PHP scripts to pass URL address parameters, we can dynamically select different URL addresses to jump to, thereby increasing the flexibility and interactivity of the page.

The above is the detailed content of How to pop up a prompt and jump to the page in php. For more information, please follow other related articles on the PHP Chinese website!