Question

我是初学者，我想知道如何在数据库中显示随机行BootstrapButton点击。

这是我的代码：

<h3 id="myHeader">Press the button below to display a name</h3>

        <script>
    function displayResult() {
        document.getElementById("myHeader").innerHTML =<?php $row["Name"] ?>;
    }
    </script>

    <button type="button" class="btn btn-primary" onclick="displayResult()">Another One</button>

Answer 1

您必须创建一个PHP页面，从表中提取随机项并输出结果

SELECT * FROM table ORDER BY RAND() LIMIT 1

然后，在按钮单击时，您要为页面创建Ajax请求并显示结果。我会将JQuery用于此

$.ajax({
    url: "random.php",
    success: function(response){
        $('#myHeader').html(response);
    }
})

Answer 2

您需要执行php脚本并获取该行，并使用ajax获取该响应

$.ajax({
    url: "path_to_your_file",
    success: //your_Logic
  })

现在您在打开php脚本后发送请求并等待响应。

var your_request= new XMLHttpRequest();
your_request.open("GET","your_file.php="data_var_name_in_php="+data ...);
your_request.send();
your_request.onreadystatechange = function result() {
  document.getElementById("myHeader").innerHTML = your_request.responseText;
}

我建议您首先测试您的php脚本，以检查您可以在本地服务器上获取的响应文本。有关更多信息，请参阅Ajax文档：http://api.jquery.com/jquery.ajax/

Answer 3

您可以使用此库通过JS连接到您的数据库MySQL： http://www.mysqljs.com/

这是要连接的代码：

MySql.Execute(
"mysql.yourhost.com", 
"username", 
"password", 
"database", 
"select * from Users", 
function (data) {
    console.log(data)
});

如何在按钮单击时显示数据库中的随机行？

3 个答案: