Ajax para adicionar itens na tabela

27 de setembro de 2007 8 respostas

ncs_nayara 27 de setembro de 2007

Olá pessoal, estou com o seguinte problema:
Criei um pequeno (somente uma linha com alguns campos) formulário de cadastro, e logo abaixo do cadastro coloquei a listagem dos dados cadastrados, para isso estou utilizindo displaytable. Gostaria de fazer assim: A pessoa digita os dados dá um ok, os dados vão pra tabela via ajax, mas nao salva no banco de dados, haverá um botão embaixo da tabela “Gravar dados” que qd pressionado atualiza o banco de dados com os dados da tabela.

Nunca mexi com ajax, alguém poderia me ajudar como fazer pra jogar os dados pra tabela via ajax?
Ou indicar algum material relacionado à preenchimento de tabela via ajax?

8 Respostas

renanpto 27 de set. de 2007

Oi… para adicionar os dados na tabela voce nao vai utilizar o conceito de ajax… apenas javascript para manipular os componentes HTML dica :
http://www.w3schools.com/htmldom/default.asp

para salvar os dados da tabela no DB, consulte http://www.w3schools.com/ajax/ajax_source.asp.

Qualquer duvida poste - ai…

Espero ter ajudado… ok ?

Guilherme_Gomes 27 de set. de 2007

Não é AJAX isso, o que você quer é um JAVASCRIPT !
Não sou muito bom em javascript avançado, mas creio que se você der uma olhada em span e já souber mexer em algo, consegue fazer algo do jeito que quer!

felipedamiani 27 de set. de 2007

Nao sei se entendi mais tenho um exemplo ai

ajax.js

var _id = "";
function searchWindow(file, id) {
	_id=id;
	url=file;
	ajax(url);
}
function ajax(url){
	
	req = null;
	if (window.XMLHttpRequest) {
		req = new XMLHttpRequest();
		req.onreadystatechange = processReqChange;
		req.open("GET",url,true);
		req.send(null);
	}
	else if (window.ActiveXObject) {
		req = new ActiveXObject("Microsoft.XMLHTTP");
		if (req) {
			req.onreadystatechange = processReqChange;
			req.open("GET",url,true);
			req.send();
		}
	}
}
function processReqChange() {
	if (req.readyState == 4) {
		if (req.status ==200) {
			document.getElementById(_id).innerHTML = req.responseText;
		} else {
			document.getElementById(_id).innerHTML = ("Erro ao carregar os dados");
		}
	}
}

Teste.jsp

&lt;form&gt;
        
         &lt;input type=text onclick="searchWindow('arquivo a ser carregado.jsp', 'conteudo_ajax')"

   &gt;&lt;/form&gt;
   &lt;div id=conteudo_ajax&gt;&lt;/div&gt;

no arquivo que sera carregado na div voce manipula os dados via get ou post…

felipedamiani 27 de set. de 2007

Guilherme Gomes:
Não é AJAX isso, o que você quer é um JAVASCRIPT !
Não sou muito bom em javascript avançado, mas creio que se você der uma olhada em span e já souber mexer em algo, consegue fazer algo do jeito que quer!

da de fazer so com javascript, mais acho que da forma que citei acima fica melhor para manipular o conteudo…

nbluis 27 de set. de 2007

AJAX = JAVASCRIPT

felipedamiani 27 de set. de 2007

ajax=js+xml

benflodin 27 de set. de 2007

AJAX e SOA = Tudo marketing!

ncs_nayara 27 de set. de 2007

Pessoal muito obrigada pela ajuda …

Acabei procurando por javascript e achei um exemplo muito parecido com o que quero fazer …

Deêm uma olhadinha … bastante interessante …

http://www.fazedordesite.com/exemplos/tabeladinamica/

Qual seria a diferença em performace em usar JavaScript ou Ajax?

Criado 27 de setembro de 2007

Ultima resposta 27 de set. de 2007

Respostas 8

Participantes 6

8 Respostas

Topicos relacionados