ドロップダウンは、私はCodeIgniterのでAJAXでアプリケーションを作りたい

Question

CodeIgniterのテーブルAJAXを投入、製品の種類を選択すると、マークを含むテーブルを表示されますので、ここで製品

の価格は、私がやっていることで、このコードで私を助けてくれてありがとう。 コントローラ：

public function produit() 
 
\t { 
 
\t \t $data['listType']=$this->test_m->findtype(); 
 
\t \t return $this->load->view('produit',$data);//List of product types 
 
\t } 
 
    
 
\t public function getprod($idv) 
 
\t { 
 
\t \t $this->test_m->idv=$idv; 
 
\t \t $prod=$this->test_m->req_prod(); 
 
\t \t header('Content-Type: application/x-json;  charset=utf-8');//to display the table 
 
     \t echo json_encode($prod); 
 
\t }

モデル：

function findtype() 
 
    { 
 
    \t $query=$this->db->get('valve'); 
 
    \t return $query->result(); //dropdown types 
 
    } 
 

 
    function req_prod() 
 
    { 
 
     if(!is_null($this->idv)){ 
 
      $this->db->select('taille,reference,marque,prix,quantite '); 
 
      $this->db->where('idv', $this->idv); 
 
      $prod = $this->db->get('produit'); 
 

 
      // if there are suboptinos for this option... 
 
      if($prod->num_rows() > 0){ 
 
       $prod_arr; 
 

 
       // Format for passing into jQuery loop 
 

 
       foreach ($prod->result() as $option) { 
 
        $prod_arr[] = $option->taille; 
 
        $prod_arr[] = $option->reference; 
 
        $prod_arr[] = $option->marque; 
 
        $prod_arr[] = $option->prix; 
 
        $prod_arr[] = $option->quantite; 
 

 
       } 
 

 
       return $prod_arr; 
 
      } 
 
     } 
 

 
     return; 
 
    }

とビュー：

<div id="ess"> 
 
\t <select name="vl1" id="vl1"> 
 
\t \t <option>--select valve--</option> 
 
\t \t <?php foreach($listType as $pr){?> 
 
\t \t <option value="<?php echo $pr->idv;?>"><?php echo $pr->type?></option> 
 
\t \t <?php }?> 
 
\t </select><br> 
 
</div> 
 
<p>Nos produits</p> 
 
<div id="pr1"> 
 
\t <table> 
 
      <tbody> 
 
       <tr id="prod"> 
 
        <td><label>Produits au choix</label></td> 
 
          
 
       </tr> 
 
      </tbody> 
 
     </table> 
 
</div> 
 

 
<script type="text/javascript"> 
 
     $(document).ready(function(){ 
 
     $('#vl1').change(function(){ //any select change on the dropdown with id options trigger this code 
 
      var idvlv = $('#vl1').val(); // here we are taking option id of the selected one. 
 

 
      $.ajax({ 
 
       type: "POST", 
 
       url: "/test_c/getprod/"+idvlv , //here we are calling our dropdown controller and getprod method passing the option 
 
    
 
       success: function(prod) //we're calling the response json array 'suboptions' 
 
       { 
 
        $.each(prod,function(taille,reference,marque,prix,quantite) //here we're doing a foeach loop round each sub option with id as the key and value as the value 
 
        { 
 
         var opt = $('<td/>'); // here we're creating a new select option for each suboption 
 
         opt.val(taille); 
 
         opt.val(reference); 
 
         opt.val(marque); 
 
         opt.val(prix); 
 
         opt.val(quantite); 
 
         $('#prod').append(opt); //here we will append these new select options to a dropdown with the id 'suboptions' 
 
        }); 
 
       } 
 
    
 
      }); 
 
    
 
     }); 
 
    }); 
 
    </script>

エラーは、リソースのロードに失敗しましたされます。サーバーは、404の状態（見つかりません） と答えたと：[違反]ロングJavaScriptのタスクを実行しているAjaxは、これを追加する前に304ms

Answer 1

を取りました。ルートで

var BASE_URL = "<?php echo base_url(); ?>"; 

、

$ [ 'テスト'] = 'コントローラ/機能' を追加します。

とAJAX要求、

url: BASE_URL + 'test'; 
data:{data:idvlv}, 

とコントローラでは、

の$ this - >入力 - >ポスト（ 'データ'）。