选择数据并在不加载的情况下显示在同一页面上(php / ajax)

时间:2017-09-27 08:17:10

标签: php mysql wordpress

我通过在url中传递id并使用select语句获取用户数据,其中它与url中的id匹配并显示结果

但我想通过使用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>

1 个答案:

答案 0 :(得分:0)

假设我有一个索引文件,如关注

<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>

如果你点击按钮ajax调用名为test.php

的php文件,请说
<?php 
echo "php file loaded";

输出将打印在p标记的index.html中。