Dúvida de iniciante sobre ajax.

[robgeek]

Bom dia!

Tenho visto alguns tutoriais no Youtube e Google sobre ajax e notei que existem dois(ou mais, mas eu só vi dois) métodos. Vi um que você implementa mais ou menos assim:

function process( ) {
    if( xmlHttp.readyState == 0 ) {
        food = encodeURIComponent( $("#pedido").val( ) );
        xmlHttp.open("GET", "menu.php?=comida" + food, true);
        xmlHttp.onreadystatechange = handleServerResponse;
        xmlHttp.send( null );
    }
    else {
        setTimeOut('process( )', 1000);
    }
}

function handleServerResponse( ) {
    if(xmlHttp.readyState == 4) {
        if(xmlHttp.status == 200) {
            xmlResponse = xmlHttp.responseXML;
            xmlDocumentElement = xmlResponse.DocumentElement;
        }
    }
}

E outro assim:

var $food = $('#pedido');

$.ajax({
    type: 'GET',
    url: menu.php,
    success: function( ) {
        $pedidos.append('<li>pedido: ' + $food.val() + '</li');
    },
    error: function( ) {
        alert('erro no envio');
    }
});

Qual a diferença entre estes dois métodos? Para o que eu quero é algo parecido com um fórum, como este, só que ao postar uma resposta você não precisa dar "F5", ela aparece automaticamente na tela, além de ir para um banco de dados, pretendo usar MySQLi para isso.

Obrigado!

[wootzor]

A diferença é que o primeiro pedido é feito via JavaScript nativo, que necessita de um maior número de instruções para realizar a mesma operação que o jQuery.

Ambos os casos deverão servir para implementar o que pretendes sem necessidade de actualizar a página.