imprimir uma tabela quando clico em uma opção do <select> Ajax

[felipedf]

Pessoal estou querendo imprimir uma tabela quando clico em uma opção do <select> que busco em um banco de dados. O problema é que o resultado da requisição que faço no ajax não está imprimindo em minha página. Não sei o que estou fazendo de errado, já tentei de tudo. Quem puder me ajudar com isso ficaria agradecido. Segue os códigos:

codigo.js

$(document).ready(function(){
        $("select[name='formulario']").change(function(){
            var meu_id = $(this).val(); //pega o valor do campo select troque #minha_select pelo id correspondente ao select
            alert(meu_id);
            $.ajax({
              url: 'retorno.php',//pagina que vai ser feita a requisição ajax
              type: 'POST',//metodo de envio
              dataType: 'xml/html/script/json/jsonp',
              data: {id: meu_id},//parametro que sera enviado.
              success: function(data, textStatus, xhr) {
                //sucesso na requisição

                $("#tabela_Itens").html(data);//exibe o retorno dentro da tag body, troque pelo id da div em que sera exibido o conteudo --- Não exibe nada em minha div!!!
                
              },
              error: function(xhr, textStatus, errorThrown) {
                //erro na requisição
              }

            });
        });
    }); 

retorno.php

<?php
  require '../connect.php';
$idform = $_POST['id'];



$result = mysql_query("SELECT * FROM itens_tis WHERE FORMULARIO_idFORMULARIO = ".$idform);
while($row = mysql_fetch_array($result) ){
    echo'<tr>';
        echo'<td>' . $row['N_ITEM'] . '</td>';
        echo'<td>' . $row['ITEM_INSPECAO'] . '</td>';
        echo'<td>' . $row['METODO_VERIFICACAO'] . '</td>';
        echo'<td>' . $row['RESULTADOS_TOLERANCIA'] . '</td>';
    echo'</tr>';
}
?>

avaliacao_Inclusao.php

<?php 
include 'connect.php';
if(!isset($_SESSION['usuario_session']) and !isset($_SESSION['senha'])){
    
    header("Location:../login.php");
    
    exit;
}    
?> 
<?php 

 $sql = mysql_query("SELECT * FROM formulario");
?>

<h3 class="well"> Ficha de Avaliação</h3>
<div class="row-fluid well col-xs-12">
    <div class="col-xs-6">
        <div class="row">
            <div class="col-xs-12 ">
                <select id="ul-dropdown-menu" name="formulario" id="formulario" class="form-control">
                    <option value="0">Selecione o formulário</option>
                    <?php  while ($form = mysql_fetch_assoc($sql)) {?>
                        <option value="<?php echo $form['idFORMULARIO']; ?>"><?php echo 'TIS' . ' - ' . $form['CODIGO_FORMULARIO'] . ' - ' . $form['REVISAO'] . ' - ' . $form['NOME_FORMULARIO']; ?></option>
                    <?php } ?>
                    
                </select>
            </div>
        </div>
        <div class="row">
            <div class=" hidden-tablet hidden-phone col-xs-4">
                <label>Nº da obra</label> 
                <input type="text" name="n_obra" class="form-control " placeholder="Nº da Obra" /> 
            </div>
            <div class=" hidden-desktop hidden-lg col-xs-5">
                <label>Nº da obra</label> 
                <input type="text" name="n_obra" class="form-control " placeholder="Nº da Obra" /> 
            </div>
            <div class="hidden-tablet hidden-phone col-xs-4">
                <label> Nome da obra</label> 
                <input type="text" name="nome_obra" class="form-control " placeholder="Nome da Obra" /> 
            </div>
            <div class="hidden-desktop hidden-lg col-xs-6">
                <label> Nome da obra</label> 
                <input type="text" name="nome_obra" class="form-control " placeholder="Nome da Obra" /> 
            </div>
            <div class="hidden-tablet hidden-phone col-xs-4">
                <label>Local</label>
                <input type="text" name="local_inspecao" class="form-control " placeholder="Local de inspeção" /> 
            </div>
            <div class="hidden-desktop hidden-lg col-xs-12">
                <label>Local</label>
                <input type="text" name="local_inspecao" class="form-control " placeholder="Local de inspeção" /> 
            </div>
        </div>
        <div class="row">
            <div class=" hidden-tablet hidden-phone col-xs-4">
                <form action="" method="post"name="data_Abertura_Tis">
                    <label for="data"> Data de abertura da TIS</label>
                    <input type="text" class="datepicker form-control"/>
                </form>
            </div>
            <div class="hidden-desktop hidden-lg col-xs-10">
                <form action="" method="post" name="data_Abertura_Tis">
                    <label for="data"> Data de abertura da TIS</label>
                    <input type="text" class="datepicker form-control"/>
                </form>
            </div>
        </div>
        <br><br><br>
    </div>
    <div class="col-xs-6 well">
         <h3 class="afastamento_programação"align="center"> Programação </h3>
        <div  class="row-fluid">
            <h4 align="center"> <span class="label label-default"> Datas  de início da O.S </span></h4>  

            <div class="row-fluid afastamento_datas">
                 <div  class=" hidden-tablet hidden-phone col-xs-5">
                    <form action="" method="post"name="data_Inicio_Prevista_Os">
                        <label for="data"> Data de início prevista</label>
                        <input type="text" class="datepicker form-control"/>
                    </form>
                </div>
                <div class="hidden-desktop hidden-lg col-xs-10">
                    <form action="" method="post" name="data_Inicio_Prevista_Os">
                        <label for="data"> Data de início prevista</label>
                        <input type="text" class="datepicker form-control"/>
                    </form>
                </div>
                <div class=" hidden-tablet hidden-phone col-xs-5">
                    <form action="" method="post"name="data_Inicio_Realizada_Os">
                        <label for="data"> Data de início Realizada</label>
                        <input type="text" class="datepicker form-control"/>
                    </form>
                </div>
                <div class="hidden-desktop hidden-lg col-xs-10">
                    <form action="" method="post" name="data_Inicio_Realizada_Os">
                        <label for="data"> Data de início Realizada</label>
                        <input type="text" class="datepicker form-control"/>
                    </form>
                </div>
            </div>         
        </div> 
        <h4 align="center"> <span class="label label-default"> Datas  de término da O.S </span></h4> 
        <div class="row-fluid afastamento_datas">
             <div  class=" hidden-tablet hidden-phone col-xs-5">
                <form action="" method="post"name="data_Termino_Prevista_Os">
                    <label for="data"> Data de término prevista</label>
                    <input type="text" class="datepicker form-control"/>
                </form>
            </div>
            <div class="hidden-desktop hidden-lg col-xs-10">
                <form action="" method="post" name="data_Termino_Prevista_Os">
                    <label for="data"> Data de término prevista</label>
                    <input type="text" class="datepicker form-control"/>
                </form>
            </div>
            <div class=" hidden-tablet hidden-phone col-xs-5">
                <form action="" method="post"name="data_Termino_Realizada_Os">
                    <label for="data"> Data de término Realizada</label>
                    <input type="text" class="datepicker form-control"/>
                </form>
            </div>
            <div class="hidden-desktop hidden-lg col-xs-10">
                <form action="" method="post" name="data_Termino_Realizada_Os">
                    <label for="data"> Data de término Realizada</label>
                    <input type="text" class="datepicker form-control"/>
                </form>
            </div>
        </div>         
    </div>
</div> 
<div class="row-fluid well col-xs-12">
    <p class="texto_itens text-center"> Itens a avaliar </p>
    <div class="hidden-tablet hidden-phone col-xs-4">
        <label>Área de inspeção</label>
        <input type="text" name="area_inspecao" class="form-control " placeholder="Área de inspeção" /> 
    </div>
    <div class="hidden-desktop hidden-lg col-xs-6">
        <label>Área de inspeção</label>
        <input type="text" name="area_inspecao" class="form-control " placeholder="Área de inspeção" /> 
    </div>
    <div class="row-fluid col-xs-10 menu"> 
        <table class=" table table-responsive">
            <thead >
                <th> Nº do item</th>
                <th>Item de Inspeção </th>
                <th>Método de verificação </th>
                <th>Resultados e tolerâncias </th>
            </thead>
            <tbody id="tab_Itens"> <!-- Aqui que quero que apareça minha tabela -->
            <div class="itens" id="tabela_Itens"> 
             <?php
             ?>                  
            </div>
                              
            </tbody>
        </table>

</div>
</div>

O problema é que a tabela não aparece na página avaliacao_Inclusao.php, no firebug a tabela chega até a aparecer mas como se fosse somente na página retorno.php

[Sandro2011]

Boa noite,

tenta isso na requisição:

dataType: 'xml/html/script/json/jsonp',
Troca por
dataType: 'html',

[felipedf]

<script type='text/javascript'>window.mod_pagespeed_start = Number(new Date());</script>

Boa noite,

tenta isso na requisição:

dataType: 'xml/html/script/json/jsonp',
Troca por
dataType: 'html',

Putz passei um bom tempo tentando desvendar esse erro kkkk. Muito Obrigado amigo, tópico resolvido!

[Sandro2011]

Também tive esse problema... E perdi horas também!