You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何通过jQuery AJAX从PHP页面单独获取多个返回值?

如何通过jQuery AJAX从PHP获取多个独立数据?

嘿,这个问题很常见,我来给你说个靠谱的解决办法——用JSON来传递结构化数据,这样就能轻松拿到多个独立的返回值了!

你现在的问题在于,PHP直接连续echo多个值的话,返回给AJAX的是一串拼接在一起的字符串,根本没法区分哪个是天数、哪个是小时数。而JSON是专门用来传递结构化数据的格式,完美解决这个问题。

第一步:修改PHP代码(test.php)

把你要返回的所有数据放进一个关联数组里,然后用json_encode()转成JSON字符串,同时设置响应头告诉浏览器这是JSON数据:

// 假设你已经计算好了$days、$hours、$minutes的值
$response_data = array(
    'days' => $days,
    'hours' => $hours,
    'minutes' => $minutes
);

// 设置响应头为JSON格式(这一步很重要,确保AJAX能正确解析)
header('Content-Type: application/json');

// 输出JSON字符串
echo json_encode($response_data);
exit; // 输出后记得终止脚本,避免多余内容被返回

第二步:修改jQuery AJAX代码

把dataType改成"json",这样success回调里拿到的参数就是一个JavaScript对象,你可以直接通过键名访问每个数据:

function getTime(){ 
    $.ajax({ 
        type: "POST", 
        url: "test.php", 
        data: { fd: sdate, sd: edate }, 
        dataType: "json", // 这里改为json,让jQuery自动解析JSON
        success: function(response) { 
            // 现在可以单独获取每个数据啦!
            // 示例:把数据显示到页面上
            $("#results").html(`
                天数:${response.days}<br>
                小时:${response.hours}<br>
                分钟:${response.minutes}
            `);
            
            // 也可以把每个数据赋值给不同的元素
            // $("#days-display").text(response.days);
            // $("#hours-display").text(response.hours);
        },
        error: function(xhr, status, error) {
            // 可以加个错误处理,防止JSON解析失败
            console.log("AJAX请求出错:", error);
        }
    }); 
};

补充:不推荐的替代方案(仅作了解)

如果你暂时不想用JSON,也可以用分隔符(比如|)把多个值分开:

  • PHP端:echo $days . "|" . $hours . "|" . $minutes;
  • AJAX端:在success回调里拆分字符串:
    success: function(msg) {
        var parts = msg.split("|");
        var days = parts[0];
        var hours = parts[1];
        var minutes = parts[2];
        // 然后使用这些值
    }
    

但这种方法有隐患——如果你的数据本身包含分隔符(比如天数是"3|5"),拆分就会出错,所以还是JSON更稳妥。

内容的提问来源于stack exchange,提问作者Jhanvi thanki

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.22 09:51:00