JQueryでdiv要素を表示

Question

この質問に以前に尋ねられた場合はまず謝罪し、私は悪い英語をお詫び申し上げます。 CodeIgniterを使用してこのスクリプトを作成するときに問題が発生します。

これは私が

ここに表示され、すべてではない。これは私のm_buyer（モデル）

function getAllData($table) 
{ 
    return $this->db->get($table)->result(); 
} 

public function getSelectedData($table, $data) 
{ 
    return $this->db->get_where($table, $data); 
} 

であり、これは私のビュー（トランザクション・アドオン）ですが、わずか数私のコントローラ

function add() 
{ 
    $data = array(
     'company' => $this->m_company->get_company_profile(), 
     'title' => 'Transaksi', 
     'page_header' => 'Tambah Transaksi', 
     'userName' => 'administrator', 
     'userLevel' => 'admin', 
     'itemData'=>$this->m_stock->getItemSell(), 
     'buyerData' => $this->m_buyer->getAllData('buyers') 
     ); 
    // 
    $this->template->load('_admin-template', 'admin/transaction-add', $data); 
} 

function getBuyerData() 
{ 
    $id['buyerCode'] = $this->input->post('buyerCode'); 
    $data = array(
     'detailBuyer' => $this->m_buyer->getSelectedData('buyers', $id)->result() 
     ); 
    $this->load->view('admin/transaction/detail-buyer', $data); 
} 

です

<div class="form-group form-group-sm"> 
    <label for="buyerCode" class="control-label">Pembeli :</label> 
    <select class="form-control" name="buyerCode" id="buyerCode" style="width:250px" data-placeholder="Pilih Pembeli"> 
     <option value=""></option> 
     <?php 
     if(isset($buyerData)){ 
     foreach($buyerData as $row){?> 
     <option value="<?php echo ($row->buyerCode);?>"><?php echo ($row->buyerCode);?> <?php echo ($row->full_name);?></option> 
     <?php 
      } 
     }?> 
    </select> 
</div> 

<div id="showBuyer"><!-- buyer data show here --!></div> 

これは私のJQueryスクリプトです

<script type="text/javascript"> 
$(document).ready(function() { 
    $("#buyerCode").change(function(){ 
     var buyerCode = $("#buyerCode").val(); 
     $.ajax({ 
      type: "POST", 
      url : "<?php echo base_url('admin/transaction/getBuyerData');?>", 
      data: "buyerCode="+buyerCode, 
      cache:false, 
      success: function(data){ 
       $('#showBuyer').html(data); 
      } 
     }); 
    }); 
}) 

私の別のビューの詳細-買い手ので

<?php 
    if(isset($detailBuyer)){ 
    foreach($detailBuyer as $row){ 
     ?> 
     <div class="row"> 
      <div class="col-md-6"> 
       <div class="form-group form-group-sm"> 
        <label for="address" class="control-label">Address :</label> 
        <input type="text" name="address" class="form-control" id="address" value="<?php echo ($row->address);?>" readonly="readonly> 
       </div> 
      </div> 
      <div class="col-md-2"> 
       <div class="form-group form-group-sm"> 
        <label for="region" class="control-label">Region :</label> 
        <input type="text" name="region" class="form-control" id="region" value="<?php echo ($row->region);?>" readonly="readonly> 
       </div> 
      </div> 
      <div class="col-md-2"> 
       <div class="form-group form-group-sm"> 
        <label for="province" class="control-label">Provence :</label> 
        <input type="text" name="province" class="form-control" id="province" value="<?php echo ($row->province);?>" readonly="readonly> 
       </div> 
      </div> 
      <div class="col-md-2"> 
       <div class="form-group form-group-sm"> 
        <label for="postalCode" class="control-label">Postal Code :</label> 
        <input type="text" name="postalCode" class="form-control" id="postalCode" value="<?php echo ($row->postalCode);?>" readonly="readonly> 
       </div> 
      </div> 
     </div> 
     <?php 
     } 
     } 
    ?> 

私はトランザクションの追加で選択リストから買い手を選択すると、詳細-買い手は、内部に表示されます。しかし、残念ながら、それは起こらなかった。 私は何かを見逃しましたか？

Answer 1

あなたのPOSTはおそらく失敗しているので、showBuyer<div>に何も表示されていません。エラーを返すようにajax呼び出しを修正し、エラーブロックが呼び出されるかどうかを確認することをお勧めしますAJAX呼び出し。

Google ChromeでCtrl + Shift + Jを使用すると、javascriptコンソールが開き、JavaScriptが表示されます。

$.ajax({ 
    type: "POST", 
    url : "<?php echo base_url('admin/transaction/getBuyerData');?>", 
    data: "buyerCode="+buyerCode, 
    cache:false, 
    success: function(data){ 
     $('#showBuyer').html(data); 
    }, 
    error: function(data){ 
     debugger; 
     alert('An error occurred...'); 
    } 
}); 

また、あなたのURLパラメータはright.Usually私はPHPファイルを呼び出すの参照の例は次のようなURL持って見ていません - url:"admin/transaction/getBuyerData.php"

Answer 2

クリックF12（Firefoxやクロム）を、コンソールタブを見つける...ときコンソールを開いた状態でクリックすると、失敗した理由のエラーメッセージが表示されます。

また、コードをダブルテストしてください... $('#showBuyer').html(data);コードをコンソールで実行して動作するかどうかを確認するには、データ変数をchosingの文字列に変更してください。