Este script trata-se de um DataGrid em AJAX e PHP onde podemos incluir, editar e excluir dados de um banco de dados, diretamente da tabela exibida, sem a necessidade de formulários diferentes para cada funcionalidade.
var ajax; var dadosUsuario; // ----- Cria o objeto e faz a requisição ----- function requisicaoHTTP(tipo,url,assinc){ if(window.XMLHttpRequest){// Objeto usado no Mozila, Safari... ajax = new XMLHttpRequest; } else if(window.ActiveXObject){// Objeto usado pelo Internet Explorer ajax = new ActiveXObject("Msxml2.XMLHTTP"); if(!ajax){ ajax = new ActiveXObject("Microsoft.XMLHTTP"); } } //ajax é a variável que vai armanezar o objeto que será utilizado baseado no navegador usado pelo usuário if (ajax){ iniciaRequisicao(tipo,url,assinc); // Iniciou com sucesso }else{ alert("Seu navegador não possui suporte a essa aplicação"); // Mensagem que será exibida caso não seja possível iniciar a requisição } } // ----- Inicia o objeto criado e envia os dados (se existirem) ----- function iniciaRequisicao(tipo, url, bool){ ajax.onreadystatechange = trataResposta; //Atribui ao objeto a resposta da função trataResposta ajax.open(tipo, url, bool); //Informa os parâmetros do objeto: tipo de envio, url e se a comunicação será assíncrona ou não ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8");//Recupera as informações do cabeçalho ajax.send(dadosUsuario);// Envia os dados processados para o navegador } // ----- Inicia requisição com envio de dados ----- function enviaDados(url){ criaQueryString(); //Chama a função que transformará os dados enviados em ua string requisicaoHTTP("POST", url, true); //Chama a função que fará a requisição de dados ao servidor } // ----- Cria a string a ser enviada, formato campo1=valor&campo2=valor2... -----