У меня есть база данных обратной связи mysql, построенная следующим образом:
имя | местоположение | Обратная связь
- Обнаружение просматриваемой страницы из url в wordpress
- Графические координаты в PDF, отображаемые в iFrame
- Передача информации по кредитной карте через AJAX
- Запись видео в браузере и загрузка на сервер LAMP
- Как отправить переменную в php из javascript и вернуть результат обратно в JS
Райан | Англия | отличная поддержка
Очевидно, что есть больше записей, чем это. Я пытаюсь создать div с обратной связью, где каждые 10 секунд через ajax выводится новый элемент обратной связи.
Поэтому я построил это:
$(document).ready(function(){ new get_fb(); }); function get_fb(){ var feedback = $.ajax({//Ajax type: "POST", url: "feedback.php", async: false }).responseText;//end of ajax $('div.feedback-box').html(feedback).delay(10000).queue(function() { new get_fb(); }); } И вот мой PHP-файл:
$result = mysql_query("SELECT * FROM feedback ORDER BY RAND() LIMIT 0,1"); while($row = mysql_fetch_array($result)) { $name = $row['name']; $location = $row['location']; $feedback = $row['feedback']; echo " <p>Name: $name, Location: $location, Feedback: $feedback.</p> "; }
Однако это показывает только два. Он не продолжает показывать новые, он чисто показывает первый, затем второй и останавливается.
Что я делаю не так? Благодаря 🙂
Вы хотите сделать setInterval() ?
setInterval(function(){get_fb();}, 10000);
Или:
setInterval(get_fb, 10000);
Или, если вы хотите, чтобы он запускался только после успешного завершения вызова, вы можете настроить его в .ajax().success() :
function get_fb(){ var feedback = $.ajax({ type: "POST", url: "feedback.php", async: false }).success(function(){ setTimeout(function(){get_fb();}, 10000); }).responseText; $('div.feedback-box').html(feedback); }
Или используйте .ajax().complete() если вы хотите, чтобы он запускался независимо от результата:
function get_fb(){ var feedback = $.ajax({ type: "POST", url: "feedback.php", async: false }).complete(function(){ setTimeout(function(){get_fb();}, 10000); }).responseText; $('div.feedback-box').html(feedback); }
Вот демонстрация двух. Обратите внимание: успех работает только один раз, потому что jsfiddle возвращает ошибку 404 при вызове ajax.
setInterval(function() { $.ajax({ type:"post", url:"myurl.html", datatype:"html", success:function(data) { //do something with response data } }); }, 10000);//time in milliseconds
Вместо этого вы можете попробовать setInterval ():
var i = setInterval(function(){ //Call ajax here },10000)