从数据库中获取随机数据而不刷新页面

时间:2016-12-16 16:44:48

标签: php jquery mysql database wordpress

我需要一些帮助,我有以下代码:

$query = mysql_query("SELECT * FROM tutorial ORDER BY RAND() LIMIT 1");
$result = mysql_fetch_array($query);
$title = $result["title"];
$text = $result["text"];
$id = $result["id"];

我在html的不同部分使用这些变量($title,$text,$id)。 此外,我在加载页面时需要此数据,当我按下“刷新无刷新页面”按钮时。 如果有人可以向我解释如何在不刷新页面的情况下再次获取随机数据,那将是非常棒的:))

1 个答案:

答案 0 :(得分:1)

创建一个文件random_tutorials.php并在每次刷新时创建它以获得随机教程。根据需要设计它。

接下来在您要加载它的页面上,创建一个id =" rand_tut" 然后添加一个id ="按钮"并在下面添加代码。别忘了先加载jquery。 您需要进行Ajax调用,可能使用jQuery

<script>
    $("#button").click(function(){
        $.ajax({url: "random_tutorials.php", success: function(result){
            $("#rand_tut").html(result);
        }});
    });
</script>

工作示例: http://codepen.io/kkoutoup/details/zxmGLE/

另一个简单 http://jsfiddle.net/t35F9/1/