使用jQuery在PHP中獲取JSON響應

Question

這是我的代碼來調用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中分別存儲這兩個值？ 我需要它們以備將來之用。

Answer 1

你正在倒退

您的PHP應該是

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

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

由於您已經有一個JSONString發送到您的JavaScript。

然后，您的javascript將在的data參數中接收一個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");

請注意javascript末尾的"JSON" ，告訴它需要JSON對象，然后它將自動為您將JSONString轉換為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();

        });