Qual a diferença entre estes dois métodos?

[robgeek 0]

Boa tarde!

 

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!

[William Bruno 1501]

Os 2 são a mesma coisa.

Porém o primeiro é escrito em javascript puro e o segundo é escrito utilizando uma biblioteca (framework) chamada jQuery, q nada mais é do que um conjunto de ferramentas escrito em javascript.

 

Enfim, os 2 fazem a mesma coisa.

 

 

Para "aparecer" automaticamente na tela, eu sugiro vc estudar sobre websockets. (fazer apenas com ajax não é uma opção viável).