如何在html中显示json_encode值?

时间:2016-04-28 08:29:25

标签: php jquery json ajax

我对ajax和json的东西很新。这是jQuery:

$('#myHref').change(function(){     
    $.get('get_projectName.php',{id:value},function(data)
    {  
        data = JSON.parse(data); 
        $( '#detail' ).val(data.a);
        $( '#sector' ).val(data.b);
        $( '#unit' ).val(data.c);   
    });
}); 

get_projectName.php

 $a=5;$b=10;$c=15;
 json_encode(array(
                   'a' => $project_code,
                   'b' => $b,
                   'c' => $c
                  ));

我想显示

的值
  

$ a,$ b和$ c

在div

enter image description here

  

细节,部门和单位

但我无法展示它们。

2 个答案:

答案 0 :(得分:3)

您缺少echo之类的打印。你的PHP应该是:

$a=5;$b=10;$c=15;
echo json_encode(array(
    'a' => $a,
    'b' => $b,
    'c' => $c
    ));

JQuery的:

$.get('1.php',{id:value},function(data)
    {  data = JSON.parse(data); 
      $( '#detail' ).html(data.a);
      $( '#sector' ).html(data.b);
      $( '#unit' ).html(data.c);  
    });

答案 1 :(得分:1)

如果我理解,你已经设法让PHP以JSON格式回显结果,并且你通过Ajax将它传递到带有DIV的页面。

你想要:

1)下载整个JSON响应

2)解析响应以分割三个答案

3)在div中单独显示答案

//Step 1: Download the entire JSON response
$.get( "get_projectName.php", function( data ) {

  //Step 2: Parse the response
  result = JSON.parse(data);

  //Step 3: Load the responses into each div
  $( '#detail' ).html( result['a']);
  $( '#sector' ).html( result['b']);
  $( '#unit' ).html( result['c']);
});

如果“Detail”,“Sector”和“Unit”元素是输入而不是div,请使用.val而不是.html

如果您需要更多信息,请随时告诉我们! :)