ここでjQueryの

Question

を使用してPHPでJSONレスポンスを取得することは私のコードは、AJAXを呼び出すと、別のPHPファイルから応答を取得することです：

$.post('<?php echo get_site_url(); ?>/ajax-script/',{pickup:pickup,dropoff:dropoff,km:km}, 
     function(data){ 
      $('#fare').html(data); 
      $('#loading_spinner').hide(); 

     }); 

ajaxscript.phpファイル

$jsonData = '{"fare":30580,"actual_distance":1519,"city":"Islamabad","status":true}'; 

$json = json_decode($jsonData,true); 
echo $json['fare']; 

このコードは私を与えます運賃の時点で$('#fare').html(data);

しかし、私はJSONからも都市を抽出する必要があります、そしてこのために、私はajaxscript.phpに余分な行を追加：これを実行した後

echo $json['city']; 

を、それが30580Islamabad

がどのように私はJavaScriptで個別にこれら2つの値を格納することができ、私に与えますか？私は将来の仕事のためにそれらを必要とします。あなたが後方

すべてをやっている

Answer 1

すでにあなたのjavascriptに送信するJSONStringを持っているとあなたのPHPは

$jsonData = '{"fare":30580,"actual_distance":1519,"city":"Islamabad","status":true}'; 

//$json = json_decode($jsonData,true); 
echo $jsonData; 

でなければなりません。

は、その後、あなたのjavascriptのは、それが、その後にJSONStringを変換する、JSONオブジェクトを期待することを伝えるためにはJavaScriptの終わりに

$.post('<?php echo get_site_url(); ?>/ajax-script/', 
      {pickup:pickup,dropoff:dropoff,km:km}, 
    function(data) { 
     $('#fare').html(data.fare); 
     $('#city').html(data.city); 
     $('#loading_spinner').hide(); 
}, "json"); 

注"JSON"のデータパラメータでjavascriptオブジェクトを受け取るでしょうjavascriptオブジェクトは自動的にあなたのためにdataパラメータはonbectになります

Answer 2

Add Special characters at the end of each value and in jquery, using jquery split, cut the variable and display 

like below; 

$jsonData = '{"fare":30580^^,"actual_distance":1519^^,"city":"Islamabad^^","status":true}'; 

$json = json_decode($jsonData,true); 
echo $json['fare']; 


in jquery 

function(data){ 
var tdata = data.split("^^"); 
      $('#fare').html(tdata[0]); 
      $('#loading_spinner').hide(); 

     });