Я довольно новичок в PHP, но смотрел этот учебник. http://www.devirtuoso.com/2009/07/beginners-guide-to-using-ajax-with-jquery/ Я хочу проверить аналогичную концепцию для отображения данных из моей базы данных на странице, когда кто-то передает данные через форму. Например, есть страница, на которой вы выбираете, какую цветную обувь вы хотите, и страницу с таблицей лидеров, чтобы узнать, сколько раз был выбран каждый цвет. У меня нет проблем с отправкой формы, но не стоит начинать искать, чтобы содержимое отображалось в таблице лидеров с помощью ajax. Может ли кто-нибудь указать мне в правильном направлении здесь, пожалуйста?Показать данные в реальном времени с помощью AJAX/JQuery/PHP
-1
A
ответ
1
вы должны начать с этой
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>Ajax With Jquery</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
$('#txtValue').keyup(function(){
$.ajax({
url: '/ajax.php',
type: "POST",
data: "value="+$(this).val,
cache: true,
dataType: "JSON",
success: function(response){
$("#leader-board").append("you choose "+ $(this).val + "color : " +response.count + " times");
}
});
});
});
</script>
</head>
<body>
<label for="txtValue">Enter a value : </label>
<input type="text" name="txtValue" value="" id="txtValue">
<div id="leader-board"></div>
</body>
</html>
и вы ajax.php файл выглядят так
<?php
//if your data return result like this so you have to do this process
$data = array("count"=>5);
echo json_encode($data);
?>
0
Вы можете отправить данные о форме и получить свой ответ в своем div, у которых есть id 'yourDivId', как показано ниже. Вы должны сделать еще один столбец «countcolor» в своей таблице. Увеличивайте его, когда пользователь запрашивает определенный цвет.
$.ajax({
url: base_path + "/folder/test.php",
data: "id="+id,
type: 'GET',
success: function (resp) { document.getElementById('yourDivId').innerHTML=resp;},
error: function(e){ alert('Error: '+e); }
});
0
После отправки формы, вы должны получить соответствующие данные, эхо его обратно (если вы используете Ajax, вы хотите, чтобы повторить это снова с помощью json_encode();
), а затем поместить его в «лидерах "div. например
страница Действие для представления в базе данных
<?php
header('Content type: application/json');
// after you've submitted the data to the database, get the data for the leaderboard
$leaderboard_data = array();
$leaderboard_data = your_function_to_grab_data();
echo json_encode($leaderboard_data);
?>
На странице, где вы отправите форму
$.ajax({
url: 'insert/path/to/action/here',
success: function(data) {
$("div#leaderboard-div").html(data)
}
});
Смежные вопросы
- 1. показать посетителя в реальном времени
- 2. JQuery и данные MySQL в реальном времени
- 3. Как я могу показать данные в реальном времени в браузере?
- 4. Соберите данные в реальном времени в реальном времени facebook
- 5. Отображать данные в реальном времени с Django
- 6. Получить данные в реальном времени с телефона
- 7. Показать/скрыть элемент списка в реальном времени
- 8. Как очистить потоковые данные в реальном времени с помощью Python?
- 9. Как передавать данные в реальном времени с помощью Retrofit
- 10. Изменения в реальном времени в реальном времени
- 11. Datatables - данные в реальном времени получить данные
- 12. Google Fit API - данные в реальном времени
- 13. Пользовательские данные в реальном времени RTMP/RTMPT
- 14. Показать изменение высоты в реальном времени
- 15. Данные в реальном времени от Google Analytics
- 16. C# Показать результат процесса в реальном времени
- 17. Как показать количество данных в реальном времени?
- 18. показать вывод циклов в реальном времени
- 19. Как показать в реальном времени выход SFML
- 20. Показать результаты поиска в реальном времени AJAX
- 21. Получить данные из mysql в реальном времени
- 22. matlab серийные данные в реальном времени
- 23. Поиск в реальном времени с помощью AJAX?
- 24. Поиск в реальном времени с помощью AJAX
- 25. Поиск в реальном времени с помощью Symfony2
- 26. Поиск в реальном времени с помощью JQuery
- 27. Проверка в реальном времени с помощью javascript
- 28. Результаты в реальном времени с помощью javascript
- 29. Программирование в реальном времени с помощью Linux
- 30. Данные в реальном времени в Matlab
Когда вы говорите в режиме реального времени, вы имеете в виду мгновенно или каждую минуту или около того? – gahooa
В идеале я хотел бы, чтобы это было мгновенно (на форме submit), что касается того, что я имел в виду, может быть сказано 5-минутный разрыв между действием (form submit), затем 3 действия в минуту. – ak85