dongma2388 2012-01-09 01:16
浏览 305
已采纳

如何使用jquery获取json数据并在div中显示

Let's say .. I have the following script in my controller:

 $result= array("Name"=>Charlie Sheen, "Age"=>30); 
 echo josn_encode($result);

And in my view file I have the following java script. Now could you please tell me what exactly to write in the success function of the script below in order to get the "Name" and "Age" displayed in two different divs inside body tag? I have found some tutorials on this but all those are very confusing to me. Could you please kindly help?

Thanks in Advance :) 

<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>
  • 写回答

2条回答 默认 最新

  • dongxian8858 2012-01-09 01:24
    关注

    Make sure you spell you json_encode function correctly.

    Your html should look like this:

    <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>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
  • dsp15140275697 2012-01-09 01:20
    关注

    First of all, you should set the dataType. It should have the value 'json'. As for accessing it, you just access it as you would any other JavaScript object:

    <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>
    评论
查看更多回答(1条)

报告相同问题？

悬赏问题

  • ¥30 计算机网络子网划分路由模拟操作
  • ¥15 MATLAB的画图问题
  • ¥15 c语言用fopen_s成功打开文件之后闪退
  • ¥20 用C++完成，并且运用数组
  • ¥30 求解电力系统潮流计算结果不收敛问题
  • ¥15 某易易盾点选data解析逆向
  • ¥15 系统崩溃，关于订单的处理
  • ¥15 datax-web连接hive为数据源时发生报错，如何解决？
  • ¥15 plink在进行gwas分析时总读取不到表型
  • ¥20 数据结构与c语言的实践内容