JavaScript для отображения случайной строки из базы данных по нажатию кнопки?
Я новичок, и я хочу знать, как отобразить случайную строку из базы данных 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>
Решение
Вам нужно будет создать страницу PHP, которая выбирает случайный элемент из таблицы и выводит результат
SELECT * FROM table ORDER BY RAND() LIMIT 1
Затем, нажав кнопку, вы хотите создать Ajax-запрос к странице и отобразить результаты. я хотел бы использовать JQuery за это
$.ajax({
url: "random.php",
success: function(response){
$('#myHeader').html(response);
}
})
Другие решения
Вам нужно сделать 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 Documentation для получения дополнительной информации: http://api.jquery.com/jquery.ajax/
Вы можете подключиться к вашей базе данных MySQL через JS, используя эту библиотеку:
http://www.mysqljs.com/
и это код для подключения:
MySql.Execute(
"mysql.yourhost.com",
"username",
"password",
"database",
"select * from Users",
function (data) {
console.log(data)
});