2012-01-09 4 views
1

를 사용하여 사업부에서 JSON 데이터와 디스플레이를 얻을 수 있습니다. 이제 "name"과 "Age"를 body 태그 안에있는 두 개의 다른 div에 표시하려면 스크립트의 성공 함수에 정확히 무엇을 써야할까요? 이것에 대한 자습서를 찾았지만 모두 저를 매우 혼란스럽게합니다. 친절하게 도와 주실 수 있겠습니까? 사전에어떻게 내 컨트롤러에 다음 스크립트가 ..의가 있다고 가정 해 봅시다 JQuery와

감사합니다 :) 모든

<script type="text/javascript"> 
$(function(){ // added 

    $('a.read').click(function(){ 
      var a_href = $(this).attr('href'); 

    $.ajax({ 

    type: "POST", 
    url: "<?php echo base_url(); ?>batch/get_info", 
    data: "id="+a_href, 
    success: function(server_response){ 
                //What exactly to write here 
             }          
              }); //$.ajax ends here       
               return false  

    });//.click function ends here 

    }); // function ends here       

</script> 

답변

1

가 올바르게 당신에게 json_encode 기능을 주문해야합니다.

귀하의 HTML은 다음과 같아야합니다

<head> 

<script type="text/javascript"> 
$(function(){ // added 

$('a.read').click(function(){ 
    var a_href = $(this).attr('href'); 

    $.ajax({ 

     dataType : 'json', //You need to declare data type 

     type: "POST", 
     url: "<?php echo base_url(); ?>batch/get_info", 
     data: "id="+a_href, 
     success: function(server_response){ 
      $('#name').text(server_response.Name); 
      $('#age').text(server_response.Age); 
     }          
     }); //$.ajax ends here       
     return false  

    });//.click function ends here 

}); // function ends here       

</script> 

</head> 
<body> 

    <div id='name'></div> 
    <div id='age'></div> 

</body> 
0

첫째, 당신은 dataType 설정해야합니다. 값은 'json'이어야합니다. 그 접근에 관해서는, 당신은 당신이 다른 모든 자바 스크립트 객체로서 액세스 :

<script type="text/javascript"> 
$(function() { 
    $('a.read').click(function() { 
     var a_href = $(this).attr('href'); 

     $.ajax({ 
      type: "POST", 
      url: "<?php echo base_url(); ?>batch/get_info", 
      data: "id=" + a_href, 
      dataType: 'json', 
      success: function(result) { 
       alert(result.Name); // Charlie Sheen 
      }          
     }); 

     return false; 
    }); 
}); 
</script> 
관련 문제