別のページのdiv要素の応答値を表示

Question

patient_info.phpのdiv要素にpatient_detail_search.phpからajaxが成功した後に値を取得するにはどうすればよいですか？ patient_detail_search.phpで

検索JS

$('.search').on('click', function(){ 
     var search_by = $('.search_lists').val(); 
     var search_text = $('.search_text').val(); 
     $.ajax({ 
      url: 'patient_search.php', 
      type: 'POST', 
      data: {patient_search_by: search_by, patient_search_text: search_text}, 
      success:function(response){ 
       //... Get response value to display on patient_info.php 
      } 
     }); 
    }); 

patient_info.phpでのdiv要素の上に表示するpatient_detail_search.phpからの応答値を取得します

<div class="patient_detail_box"> 
    <!-- response value here --> 
</div> 

Answer 1

あなたはどちらか.html()機能を使用することができます（jQuery doc here）または.text()ファンクション（jQuery doc here）を使用して、コンテンツを要素に挿入します。あなたの場合、あなたは試みることができます：

$('.search').on('click', function(){ 
    var search_by = $('.search_lists').val(); 
    var search_text = $('.search_text').val(); 
    $.ajax({ 
     url: 'patient_search.php', 
     type: 'POST', 
     data: {patient_search_by: search_by, patient_search_text: search_text}, 
     success:function(response){ 
      //... Send response value to class="patient_detail_box" on patient_info.php 
      $('.patient_detail_box').html("Response from server: " + response); 
     } 
    }); 
});