Este artigo veio através da necessidade de um de nossos clientes, que pediu o seguinte:

“Na listagem de produtos eu quero poder organizar a forma eles irão aparecer. Detalhe: Já cadastrei tudo.”

A partir desta exigência foi pensado o seguinte:

“Primeiro preciso fazer com que as linhas se movimentem dentro do bloco principal (drag and drop), depois eu atualizo o banco de dados (Ajax)”

O sistema estava desenvolvido em tabelas (tables) para a listagem de produtos (erro comum) por isso esse artigo foi escrito visando tabelas e não lista (ul,li), porém o artigo serve em igual para ambas formas de listagem (aconselha-se lista).

Exibir post completo

Sempre que precisamos fazer varias requisições utilizando o mesmo objeto XMLHTTPRequest, é interessante utilizarmos uma fila, pois pode acontecer de algumas dessas requisições se perderem pelo caminho, já que estas são feitas de forma assíncrona.

Para criar este mecanismo precisamos de um vetor para armazenar as requisições, uma função para enfileirar e outra para executar.

Bom, se você esta aqui procurando uma forma de executar múltiplas requisições, eu suponho que suas funções já estejam devidamente implementadas e funcionando perfeitamente quando executadas individualmente. Estas funções devem ser mantidas para estas ocasiões, porem, quando utilizarmos a fila, precisamos somente da url e dos parâmetros para fazermos a requisição.

Exibir post completo

Antes de mais nada, gostaria de dizer que eu sou um fã assumido do framework prototype em prol de um código mais limpo e mais eficiênte sem recorrer a filas de requisição entre outros, e ainda pelo tamanho no framework que é baseado em alguns kb´s.

Exibir post completo

Uma das maiores duvidas ao utilizarmos o objeto XMLHTTPRequest é: Qual a diferença entre os metodos GET e POST e quando usar um ou outro?
Em Teoria, o método GET deve ser usado quando a solicitação for idempotente, ou seja, varias solicitações retornarão o mesmo resultado. Na prática, se o método correspondente do servidor mudar o estado de alguma forma, provavelmente isso não ocorrerá. E esse é o padrão. A diferença mais pratica se da em termos do tamanho da carga - em muitos casos, os navegadores e servidores limitarão o tamanho do URL usado para enviar dados para o servidor; em outras palavras, evite mudar o estado do servidor com uma chamada GET.

Em geral, use o método POST sempre que estiver alterando o estado do servidor. Diferente de GET, você terá que configurar o cabeçalho Content-Type do objeto XMLHTTPRequest desta forma:

Exibir post completo