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添加脚本链接。随时通知我。