2013-06-03 2 views
0

Как сделать анимированную таблицу только анимацией при добавлении новой записи в базу данных.Таблица обновления Ajax с содержимым php

Ajax/Js (в index.php):

$.ajax({ 
url : 'Not sure what goes here?', 
data : {Not sure what goes here?}, 
dataType : 'application/json', // Is this correct? 
success: function(response) { 
    // Only when successful animate the content 
    newItem(response); 
} 
}); 

var newitem = function(response){ 
var item = $('<div>') 
    .addClass('item') 
    .css('display','none') 
    .text(response) 
    .prependTo('#scroller') 
    .slideDown(); 
$('#scroller .item:last').animate({height:'0px'},function(){ 
    $(this).remove(); 
}); 
} 

Мой PHP (latest.php):

include ('db.php'); 
$sql2 = "SELECT * FROM `feed` ORDER BY `timez` DESC"; 
$res2 = mysql_query($sql2) or die(mysql_error()); 
while($row3 = mysql_fetch_assoc($res2)){ 

$user = $row3['username1']; 
$action = $row3['action']; 
$user2 = $row3['username2']; 

echo ''.$user.''.$action.''.$user2.'<br>'; // Needs to be a json array? 

я не могу получить эту работу, вот как таблица работает http://jsfiddle.net/8ND53/ Спасибо.

+0

Что в вашем коде не работает, с чем вы столкнулись? –

+0

Я не знаю, как это устроить. Я не очень хорошо разбираюсь в ajax, он не будет захватывать любые данные с последней страницы. – Tod

+0

Я хочу передать то, что «echo». $ User. ''. $ Action. ''. $ User2. '
'; " возвращается. Например: user1 понравился User2 User4 disliked User1 Я хочу, чтобы в таблице отображалась последняя активность пользователя. – Tod

ответ

0

пример вы дали использует setInterval(newitem, 2000)

так что вы должны вызвать функцию АЯКС на некотором фиксированном интервале.

+0

Нет. Я хочу, чтобы он обновлялся при добавлении новой записи в базу данных. Не с интервалом, который был всего лишь примером того, как перемещается таблица. – Tod

+0

Функция Ajax вызовет некоторый интервал, но вы можете сделать условие для ответа, если новая запись в базе данных, тогда вы можете отправить ответ на javascript, иначе ничего не отправлять javascript –

1
$.ajax({ 
url : your_php_file.php', 
data : {data you'r going to send to server}, // example: data: {input:yourdata} 
success: function(response) { 
    $('#table_id').append('<tr>'+response+'</tr>'); // response is the date you just inserted into db  
} 
}); 

в your_php_file.php:

add the item into db 
echo that inserted data # if you echo, then you can catch this with ajax success function then you append it into your table. 
+0

@ user1933466, дайте мне знать, если вам нужен полный код – doniyor

+0

Да, мне нужно полный код. Я все еще застрял. – Tod

+0

Wont это просто поместить все данные в один Мне это нужно в отдельных строках, показывающих только последние 5 записей. – Tod

1

пытаются заполнить, как показано ниже:

$.ajax({ 
type: "post" 
url : 'locationOfphpCode/phpCode.php', 
data : {data you want to pass}, //{name: "dan"} 
success: function(response) { 
    // Only when successful animate the content 
    newItem(response); 
} 
}); 

в коде PHP вам необходимо получить данные, которые вы прошли от вызова Ajax:

<?php 
$name = $_POST['name']; 
... 
?> 

Вы можете добавить s ome в вашем php-коде.

надеюсь, что это вам поможет.

+0

Что такое «имя:», откуда оно взято? У меня нет идентификаторов, называемых «name» ... – Tod

+0

это просто пример , это может быть все, что вы передадите с опцией 'data' функции' $ .ajax'. – vlio20

+0

. Включает ли ajax в моем index.php таблицу или на php-страницу, которая захватывает содержимое из sql? И есть ли «имя:», называя «$ name» или «['name']"? – Tod

Смежные вопросы