javascript - 使用 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 中分别存储这两个值？我 future 的工作需要它们。

Answer 1

你所做的一切都在倒退

你的 PHP 应该是

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

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

因为您已经有一个 JSONString 可以发送到您的 javascript。

然后你的JavaScript将在

的数据参数中接收一个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