PedroZ
Julho 14, 2011, 2:48pm
#1
Preciso passar codigos que estao em PHP para JSP mas nao tenho conhecimento algum em PHP e AJAX JQuery.
Index.php
<html>
<head>
<title>Exemplo:</title>
<script src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load('jquery', '1.3');
</script>
<script src="cidades.js"></script>
<style type="text/css">
*, html {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
font-size: 12px;
}
a {
color: #0099CC;
}
body {
margin: 10px;
}
.carregando{
color:#666;
display:none;
}
</style>
</head>
<body>
<?php
$con = mysql_connect( 'localhost', 'root', '' ) ;
mysql_select_db( 'cidades', $con );
?>
<label for="cod_estados">Estado:</label>
<select name="cod_estados" id="cod_estados">
<option value=""></option>
<?php
$sql = "SELECT cod_estados, sigla
FROM estados
ORDER BY sigla";
$res = mysql_query( $sql );
while ( $row = mysql_fetch_assoc( $res ) ) {
echo '<option value="'.$row['cod_estados'].'">'.$row['sigla'].'</option>';
}
?>
</select>
<label for="cod_cidades">Cidade:</label>
<span class="carregando">Aguarde, carregando...</span>
<select name="cod_cidades" id="cod_cidades">
<option value="">-- Escolha um estado --</option>
</select>
</body>
</htm>Cidades.ajax.php
<?php
header( 'Cache-Control: no-cache' );
header( 'Content-type: application/xml; charset="utf-8"', true );
$con = mysql_connect( 'localhost', 'root', 'root' ) ;
mysql_select_db( 'buscacidades', $con );
$cod_estados = mysql_real_escape_string( $_REQUEST['cod_estados'] );
$cidades = array();
$sql = "SELECT cod_cidades, nome
FROM cidades
WHERE estados_cod_estados=$cod_estados
ORDER BY nome";
$res = mysql_query( $sql );
while ( $row = mysql_fetch_assoc( $res ) ) {
$cidades[] = array(
'cod_cidades' => $row['cod_cidades'],
'nome' => $row['nome'],
);
}
echo( json_encode( $cidades ) );
?>Cidades.js
$(function(){
$('#cod_estados').change(function(){
if( $(this).val() ) {
$('#cod_cidades').hide();
$('.carregando').show();
$.getJSON('cidades.ajax.jsp?search=',{cod_estados: $(this).val(), ajax: 'true'}, function(j){
var options = '<option value=""></option>';
for (var i = 0; i < j.length; i++) {
options += '<option value="' + j[i].cod_cidades + '">' + j[i].nome + '</option>';
}
$('#cod_cidades').html(options).show();
$('.carregando').hide();
});
} else {
$('#cod_cidades').html('<option value="">? Escolha um estado ?</option>');
}
});
});A conexao com o banco pode ficar na pagina mesmo, depois eu crio uma classe para a conexao,.
e vc quer q a gente faça tudo é?
Aqui é para tirar duvidas e não fazer seu trabalho, poh !!!
<html>
<head>
<title>Exemplo:</title>
<script src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load('jquery', '1.3');
</script>
<script src="cidades.js"></script>
<style type="text/css">
*, html {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
font-size: 12px;
}
a {
color: #0099CC;
}
body {
margin: 10px;
}
.carregando{
color:#666;
display:none;
}
</style>
</head>
<body>
<?php
$con = mysql_connect( 'localhost', 'root', '' ) ; //Conexão com o banco de dados
mysql_select_db( 'cidades', $con ); //Seleciona o banco de dados
?>
<label for="cod_estados">Estado:</label>
<select name="cod_estados" id="cod_estados">
<option value=""></option>
<?php
$sql = "SELECT cod_estados, sigla
FROM estados
ORDER BY sigla"; //Query de consulta
$res = mysql_query( $sql ); //Executando a consulta
while ( $row = mysql_fetch_assoc( $res ) ) { //while para iterar sobre os resultados da consulta
echo '<option value="'.$row['cod_estados'].'">'.$row['sigla'].'</option>'; //imprimindo na páginal
}
?>
</select>
<label for="cod_cidades">Cidade:</label>
<span class="carregando">Aguarde, carregando...</span>
<select name="cod_cidades" id="cod_cidades">
<option value="">-- Escolha um estado --</option>
</select>
</body>
</htm> Ajax e jquery você entende?
luxu
Julho 14, 2011, 3:16pm
#4
seus problemas acabaram…eis a solução pra vc de mão beijada:
ORACULO
PedroZ
Julho 14, 2011, 3:25pm
#5
[quote=drsmachado]
É exatamente o que eu quero aprender com esse exemplo, JSP + Ajax.
Eu até o momento só tinha programado em java puro estou começando com programação web agora.
[quote=PedroZ][quote=drsmachado]
É exatamente o que eu quero aprender com esse exemplo, JSP + Ajax.
Eu até o momento só tinha programado em java puro estou começando com programação web agora.[/quote]
Camarada, tem um milhão de exemplos de JSP + Servlet + Ajax no www.google.com.br
Por que tentar fazer do modo mais difícil?
PedroZ
Julho 14, 2011, 3:31pm
#7
[quote=drsmachado][quote=PedroZ][quote=drsmachado]
É exatamente o que eu quero aprender com esse exemplo, JSP + Ajax.
Eu até o momento só tinha programado em java puro estou começando com programação web agora.[/quote]
Camarada, tem um milhão de exemplos de JSP + Servlet + Ajax no www.google.com.br
Por que tentar fazer do modo mais difícil?[/quote]
O problema é que aqui na empresa um rapaz se demitiu e eu ,que sou estagiario e não entendo NADA de programação web, estou tendo que terminar um projeto dele com urgencia.
Só peço compreensão
Mas estudar algo em outra linguagem é, sinceramente, burrice.
Além, tem exemplos prontos para JSP e Ajax.