私は出力を取得していない午前成功部に結果を表示しながら、

Question

データは、AJAXを使用してデータベースに挿入するAJAXを使用して、成功の一部に結果を表示しながら、私は以下の

私のスクリプトとフォームのコードを示し助けてくださいコード

<script> 
    $(document).ready(function() { 
     $('#data_form').on('submit', function (e) { 
      var form_data = $(this).serialize(); 
      $.ajax({ 
       type: "POST", 
       url: '<?php echo base_url(); ?>index.php/Profile_cntrl/supplier_basicinformation_edit', 
       data: form_data, 
       success: function (data) { 
        $('#accordion').append('<div class="collapseOne">' + 
         '<div class="col-md-12 col-xs-12">' + 
         '<div class="messages msg_receive"><p><a>' + 
         first_name + 
         '</a></p></div></div></div>'); 
       }, 
       error: function() { 
        alert('failed'); 
       } 
      }); 

      e.preventDefault(); 
     }); 
    }); 
</script> 

形態

<div class="panel-heading row" id="first"> 
    <div class="col-md-4 col-sm-4 col-xs-4">First Name</div> 
    <div class="col-md-4 col-sm-4 col-xs-4 ellipsis"><?php echo $row->first_name; ?></div> 
    <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne"> 
     <div class="col-md-4 col-sm-4 col-xs-4 profile-edit"> <i class="fa fa-pencil"></i> Edit</div> 
    </a> 
</div> 

Answer 1

変更

$('#accordion').append('<div class="collapseOne"><div class="col-md-12 col-xs-12"><div class="messages msg_receive"><p><a>' +first_name+ '</a></p></div></div></div>'); 

あなたが代わりにデータがあなたの `SUCCESS`にdata`変数`内部に格納され、バックエンドから返されたfirst_nameの

Answer 2

ajaxの成功の中で言及されている#accordionがDOMで利用可能かどうか、コンテンツを追加しようとしていることを確認してください。返されたデータはJSONオブジェクトとしてdataにあります。このdataを解析し、この解析されたJSONオブジェクトからfirst_nameを表示します。