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

Javascript 如何在单击按钮时显示数据库中的随机行?,javascript,php,css,bootstrap-4,Javascript,Php,Css,Bootstrap 4,我是初学者,我想知道如何在BootstrapButtonClick上显示数据库中的随机行 这是我的密码: <h3 id="myHeader">Press the button below to display a name</h3> <script> function displayResult() { document.getElementById("myHeader").innerHTML =<?php $r

我是初学者,我想知道如何在
BootstrapButton
Click上显示数据库中的随机行

这是我的密码:

<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>
按下下面的按钮以显示名称
函数displayResult(){
document.getElementById(“myHeader”).innerHTML=;
}
另一个

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

SELECT * FROM table ORDER BY RAND() LIMIT 1
然后,单击按钮,您希望创建对页面的Ajax请求并显示结果。我会用这个


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

SELECT * FROM table ORDER BY RAND() LIMIT 1
然后,单击按钮,您希望创建对页面的Ajax请求并显示结果。我会用这个


您可以使用以下库通过JS连接到数据库MySQL:

这是连接的代码:

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

您可以使用以下库通过JS连接到数据库MySQL:

这是连接的代码:

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

您需要执行一个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文档:

您需要编写一个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文档:

您需要使用Ajax,因为在
标记中有一个您不能使用的
PHP
!您需要使用您需要使用AJAX,因为在
标记中有一个您不能使用的
PHP
!你需要用这个按钮吗?我应该在其中放什么代码?将我刚才给出的代码示例放在display\u result函数中,然后用触发它。单击,而不是像Jquery支持的那样单击。单击“处理程序”。不要忘记为jquery添加脚本链接。随时通知我,按钮怎么办?我应该在其中放什么代码?将我刚才给出的代码示例放在display\u result函数中,然后用触发它。单击,而不是像Jquery支持的那样单击。单击“处理程序”。不要忘记为jquery添加脚本链接。随时通知我。