jquery jQuery Estado não retorna Cidade

[diegouploads 0]

Tem uns 2 dias que venho batendo cabeça com os campos Estado e Cidade.. pois vi inúmeras aulas e maneiras de fazer, porém nenhuma me retorna a cidade no campo dela. Tenho meus arquivos em pastas divididas, penso que pode ser isso, outro problema pode ser que to utilizando mysqli, já que o mysql não esta mais aceito, mas acredito estar tudo correto no Mysqli. O problema é que quando o codigo javascript roda não retorna a cidade.

segue codigo html formulario

 

<select id="estados" name="estados">

<option value="" select="select">Escolha a estado</option>

<?php

$conectar=new DB;

$conexao=$conectar->conectar();

$sql = mysqli_query($conexao, "SELECT * FROM estados");

while($row=mysqli_fetch_array($sql)){

$id=$row['cod_estados'];

$uf=$row['sigla'];

$nome=$row['nome'];

echo '<option value="'.$row['cod_estados'].'">'.$row['sigla'].'</option>';

}

?>

</select>

<select name="cidades" id="cidades">

<option value="">-- Escolha um Estado --</option>

</select>

segue codigo javascript

//JavaScript Document

$(function(){

$("#estados").change(function(){

var id = $(this).val();

$.ajax({

type:"POST",

url:"views/exibe_cidade.php?id="+id,

dataType:"text",

sucess: function(res){

alert("passei aqui");

$("#cidades").children(".cidades").remove();

$("#cidades").append(res);

}

});

});

});

segue código da pagina exibe_cidade

<?php

include("header.php");

include("class/DBclass.class.php");

$conectar=new DB;

$conexao=$conectar->conectar();

$id = $_GET['id'];

$sql = mysqli_query($conexao, "SELECT * FROM cidades WHERE estados_cod_estados='$id' ORDER BY nome");

while($row=mysqli_fetch_array($sql)){

$nome=$row['nome'];

$id=$row['cod_cidades'];

echo '<option value="'.$id.'" class="cidade">'.$nome.'</option>';

}

?>

 

[Hocrux 2]

Me diz ai, retorna algum erro ? Vê ai e me diz. Enquanto você analisa, vê essa linha aqui: url:"views/exibe_cidade.php?id="+id. Creio que a concatenação está errada, não precisa fechar aspas ?

[diegouploads 0]

Pelo que percebo aqui debugando, parece que o javascript não consegue chamar o exibe_cidade.php, então não recebe o id assim não faz o query.. por isso não retorna, não sei se na função Ajax esta passando corretamente..... mas na concatenação esta tudo ok.

//JavaScript Document

$(document).ready(function (){

$("#estados").change(function(){

var id = $(this).val();

$.ajax({

type: "POST",

url:"views/exibe_cidade.php?id="+id,

dataType:"text",

sucess: function(res){

$("#cidades").children(".cidades").remove();

$("#cidades").append(res);

},

error: function() {

console.log("Ocorreu um erro ao carregar os dados.");

}

});

});

});

arquivo exibe_cidade.php

<?php

include("../classes/DB.class.php");


$conectar=new DB;
$conexao=$conectar->conectar();


$id = $_GET['id'];
$sql = mysqli_query($conexao, "SELECT * FROM cidades WHERE estados_cod_estados='$id' ORDER BY nome");
while($row=mysqli_fetch_array($sql)){
$nome=$row['nome'];
$id=$row['cod_cidades'];


echo '<option value="'.$id.'" class="cidade">'.$nome.'</option>';

}
?>

[Hocrux 2]

url:"views/exibe_cidade.php?id="+id, aqui o erro

você tá usando POST requisição. Mude para GET e seja feliz.

[diegouploads 0]

Ainda não deu...

[diegouploads 0]

Resolvi... depois de dias retomei e revendo vi que escrevi sucess e são 2 cc... valew a ajuda ai..