[Resolvido] Inserir elemento jquery no Html

[ro.fonseca 1]

Então, eu estou inserindo um elemento via jquery no html utilizando o metodo .html(), o que acontece é que eu vejo por exemplo o texto "Ola Mundo" inserido na pagina, mas quando vou procura-lo no codigo fonte, eu nao o encontro, alguem tem alguma noção do pq disso?? Já utilizo esse metodo em outras partes do sistema e ele aparece no codigo fonte sem o menor problema. E outro detalhe, é uma boa pratica inserir o elemento via ajax retornando algo do tipo:

"<p>exemplo</p>"

??

 

abraço.

[William Bruno 1501]

Qualquer coisa que você inserir com javascript não vai aparecer no código fonte.

 

pois você está modificando em tempo de execução, e não o arquivo real que o browser te devolveu.

use o Firebug, ai sim você conseguirá 'ver'. Pois ele vai te mostrar o arquivo em execução.

 

o código fonte (ctrl+u), reflete o documento depois do servidor ter processado. Javascript age depois disso, por isso não aparece.

[ro.fonseca 1]

Já suspeitava disso, mas o que acontece é q eu tinha um outro mesmo metodo sendo chamado pelo html() que aparecia no codigo fonte, mas pelo visto, percebi entao que ele aparece pq ele é chamado em tempo de execução via ajax. E mais um detalhe, por exemplo, se eu enviar via jquery esse exemplo:

<p id='teste'>Teste</p>

 

E tentar acessa-lo pelo seguinte exemplo:

$(document).ready(function(){
 $('#teste').click(function(){
     alert('Teste');
 });
}):

 

Não irei conseguir correto??

 

E mais uma vez eu pergunto, é uma boa pratica eu retornar isso aqui via ajax, ao inves de json:

<p>exemplo</p>

 

abraço.

[William Bruno 1501]

E mais um detalhe, por exemplo, se eu enviar via jquery esse exemplo:

<p id='teste'>Teste</p>

oque você quer dizer com isso ?

 

você está inserindo esse elemento com javascript ?

caso sim, leia:

http://wbruno.com.br/blog/2011/03/18/metodo-live-jquery/

 

 

E tentar acessa-lo pelo seguinte exemplo:

$(document).ready(function(){
 $('#teste').click(function(){
     alert('Teste');
 });
}):

 

Não irei conseguir correto??

sim, exato. Por causa do que expliquei ali em cima no post sobre o .live();

 

E mais uma vez eu pergunto, é uma boa pratica eu retornar isso aqui via ajax, ao inves de json:

sem problemas.

para algo tão simples, retornar um jSON, seria até menos performático..

[ro.fonseca 1]

oque você quer dizer com isso ?

 

você está inserindo esse elemento com javascript ?

caso sim, leia:

http://wbruno.com.br/blog/2011/03/18/metodo-live-jquery/

 

SIm, eu estaria inserindo ele via javascript, e lendo esse teu blog, mt bom por sinal, acho que o problema é exatamente o que tu citou.

 

sim, exato. Por causa do que expliquei ali em cima no post sobre o .live();

 

ok.

 

sem problemas.

para algo tão simples, retornar um jSON, seria até menos performático..

 

O exemplo é simples, mas multiplica ele por 30... será q o json seria melhor?? De qualquer maneira, eu ainda preciso estudar um pouco sobre o json.

 

abraço.

[William Bruno 1501]

O exemplo é simples, mas multiplica ele por 30... será q o json seria melhor??

talvez.

 

tente comparar com qual das 2 versões você iria trafegar menos dados. A performance em requisições ajax, está diretamente ligada ao parser da resposta que você precisa fazer depois de receber o dado, e a quantidade de informações que você está trazendo do servidor.

 

Sendo algo 'simples', que não vai ficar 'tanto mais caracteres' do que com jSON, retornar em HTML é sim uma boa pedida.

Se a quantidade de HTML retornada, superar e muito oq você retornaria com jSON, então fazer o parser desse formato começa a valer a pena.

 

Veja que em algumas situações, como 'combobox dinâmicos', é correto retornar um jSON, e não um html com todos os <option>s do outro combo.

É questão de analisar tráfego x parser

 

 

Ah, e dependendo do que você estiver fazendo, devemos lembrar que jSON é o único formato bem aceito em requisições cross domain.

[ro.fonseca 1]

ok!, vlw Bruno, o problema será eu saber essas diferenças entre os processamentos via json e via html, preciso estudar um bocado de json.

abraço.