Arquivo Discussoes de Programacao e Tecnologia opa galera tudo bom?
estou com uma duvida, tenho uma pagina jsp que contem um combobox, preciso quando que eu carregar a jsp automaticamente carregar as combos, porem quero fazer com jQuery…
uma função jQuery que vai chamar o metodo do java…
vlww galeraa
Aê, Tchê!
Barbada maior que essa, só dinheiro achado. kkkk!
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>..:: Tchê! ::..</title>
<script type='text/javascript' src="jquery-1.4.2.js"></script>
<script type='text/javascript'>
function carregarCombo(){
$.ajax({
type: 'POST',
url: 'MeuServlet',
success: function(data) {
$("#combo").append(data);
}
});
}
</script>
</head>
<body onload="carregarCombo();">
<select id="combo"></select>
</body>
</html>
e um servlet…
package br.com.tche.servlets;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class MeuServlet extends HttpServlet {
@Override
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
response.setContentType("text/html");
PrintWriter out = response.getWriter();
out.println("<option>Opção 1</option>");
out.println("<option>Opção 2</option>");
out.println("<option>Opção 3</option>");
out.println("<option>Opção 4</option>");
out.println("<option>Opção 5</option>");
}
}
Daí tu busca do banco e tal, dá pra suar JSON tb. Fica mais legal.
opa valeu mano, eu dei uma olhada e entendi, vo testar agora…
vlww!
opaa funcionou, agora eu preciso de atualizar uma div, porem sem atualizar a pagina, sei que precisa usar ajax
mas não sei como, alguem poderia ajudar?
vllw!
$("#divConteudo").html(conteudo);
.
.
.
<div id='divConteudo'></div>
foi mal cara, mas não deu pra entender essa parte que vc postou…
Pra atualizar uma div com um conteudo qualquer…pega o id da div…
Imagine que vc tem <div id='id_da_div'>
var conteudoQualquer = "Vou atualizar a div com esse texto";
$("#id_da_div").html(conteudoQualquer);
entao mano, e como eu faço para importar uma outra jsp dentro desse codigo?
com ação padrão.
<jsp:include page="minhaPagina.jsp" />
Feito!
Do mesmo modo que fez a requisição para a Servlet no exemplo acima.
function carregarConteudo(){
$.ajax({
url: 'arquivo.jsp',
success: function(data) {
$('#id_da_div').html(data);
}
});
}
então mano… estou usando como você me disse, porem quando eu clico no onclick, não acontece nada =/ segue os trechos do meu codigo…
// index.js
function carregarFilmes(){
$.ajax({
url: 'paginaDeErroLista.jsp',
success: function(data) {
$('#filme').html(data);
}
});
}
//index.jsp
<li><a href="#filme" onclick="carregarFilmes();">Filmes</a></li>
<div id="filme">
</div>
Modo easy:
$("div").load("page.jsp");
escreva teu codigo assim:
$(function(){
// your code goes here
});
quando criar uma função crie ela assim:
var functionName = function(args){
// code
}