Irei demonstrar nesse pequeno tutorial, como é fácil enviar os dados de um formulário pelo método POST, utilizando o Dojo Toolkit para gerenciar as requisições http (xhr ou ajax).
Para o nosso exemplo, crie essa função genérica para envio dos dados:
function enviaForm(formulario_url, formulario_id){
var config = {
url: formulario_url,
load: function(data){
/* retorno da informação. Você pode chamar uma outra função aqui para processar os dados de retorno da requisição, que estão contido na váriavel "data" */
},
error: function(data){
console.debug("An error occurred: ", data); /*Em caso de erro joga no console*/
},
timeout: 2000, //timeout da operação
form: formulario_id
};
dojo.xhrPost(config); /* Executa a requisição */
}
Como vocês já devem ter percebido, é uma função bem pequena e simples (apesar de bastante útil). Acredito que só com os comentários contidos nela, você já consiga identificar o que cada bloco de comando é responsável em tratar. Para executa-la, é só adicionar sua chamada em um evento de sua preferência. Como por exemplo:
Enviar dados
Aonde:
- /mamifero/cadastrar é a url que você enviará os dados do formulário. form_cadastro_mamifero é o id do form fictício de cadastro de mamíferos.
Simples não? Utilizando uma função genérica desse tipo, fica bem mais tranquilo trabalhar em sistemas dinâmicos. Principalmente se você der uma pequena implementada no atributo “load” (criando uma função genérica de tratamento de erros/mensagens, por exemplo) e com seus scripts server-sides sempre retornando dados padronizados, você consegue um bom resultado com apenas 2 pequenas funções.
^^
Posts relacionados:
- Integrando o Zend Framework com o Dojo – Parte III Dando continuidade a nossa integração, vamos dar uma rapida olhada...
- Otimizando o Dojo Toolkit Se você já está usando o Dojo ou começou com...
- Dojo (dojox) DataGrid Hoje vou apenas exemplificar a criação de um Dojox Datagrid....
Nenhum Comentário Recebidos
Faça seu Comentário