簡體   English   中英

選擇數據並在不加載的情況下顯示在同一頁面上(php / ajax)

[英]Select data and display on same page without loading (php/ajax)

我通過傳遞url中的id並使用與url中的id匹配並顯示結果的select語句來獲取用戶數據

但是我想要使用ajax。 請幫我

<div id="show_data">
    <?php
        $id=$_GET['id'];
        $category=$_GET['category'];

        if ($category==Hosted) {
            $result = $wpdb->get_results ("SELECT * FROM wp_user_host WHERE user_id=$id");
            foreach ( $result as $print ){
    ?>
            <table>
                <tr>
                <td>Name: <?php echo $print->drive_name;?</td>
                <td>Date: <?php echo $print->drive_date;?</td>
                </tr>
            </table>
    <?php
            }
        }
    ?>

</div>

<a href="page.php?id=2&category=Hosted:>VIEW DATA</a>

可以說我有一個如下的索引文件

<html>
<head>
    <title>TODO supply a title</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
    <div>TODO write content</div>
    <button id="testDom">click to load dom</button>
    <p id="domOutput"></p>
    <script>
        document.getElementById("testDom").addEventListener('click', function(){
            loadAjax();
        });

        function loadAjax(){
            var xmlHttp = new XMLHttpRequest();
            var requestUrl = 'test.php';
            xmlHttp.onreadystatechange = function(){
                if( this.readyState == 4  && ( this.status > 200 || this.status < 300 ) ){
                    console.log("ok");
                    document.getElementById("domOutput").innerHTML = xmlHttp.responseText;
                }
            }
            xmlHttp.open('GET', requestUrl);
            xmlHttp.send();
        }
    </script>
</body>

假設您是否單擊了對名為test.php的php文件的按鈕ajax調用

<?php 
echo "php file loaded";

輸出將打印在p標記的index.html中。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM