живые данные ajax, основанные на данных через php файл

Question

вот мой файл index.html

$(document).ready(function() {

    $.ajax({
        url: 'ajax.php',
        type: 'GET',
        dataType: "json",


        beforeSend: function() 
        {

        },
        complete: function() 
        {

        },
        success: function(result) 
        {

        $("p").html(result.price);

        $("p").live("load", function() {
            $(this).html(result.price);
        });
        }
    });



});

, а вот файл ajax.php (я не поставил json_decode и просто поставил val просто так для тестирования)

{"price":"o"}

что я пытаюсь сделать, если я иду в файл ajax.php и изменяю o на что-то другое, я хочу, чтобы данные автоматически обновлялись и отображались на странице индекса без обновления, но я не могу заставить его работать.Кто-нибудь видит, что я делаю не так?

Answer 1

Клиент не может знать, что что-то на сервере изменилось.Таким образом, вы можете использовать периодические запросы AJAX с функцией setInterval :

window.setInterval(function() {
    // Every 5 seconds send an AJAX request and update the price
    $.ajax({
        url: 'ajax.php',
        type: 'GET',
        dataType: 'json',
        cache: false,
        success: function(result) {
            $('p').html(result.price);
        }
    });
}, 5000);

Другая возможность - использовать push AJAX .