通过AJAX从PHP发回多个结果

时间:2012-07-21 16:11:29

标签: php javascript jquery ajax json

我已经设置了一些ajax,我现在正在测试,其背后的想法是将一些数据从下拉框发送到php脚本,做一些计算然后返回结果,它做得很好并返回结果,但现在,而不是只发回一个结果并输出,我想发回多个结果并输出它们,我能够发送多个数据到PHP脚本,所以我相信我可以发回多个。< / p>

无论如何它只会发回第一个结果而不是其余的结果。

这是AJAX

 <script>
$("document").ready(function (){ 

    $(".add_extension").change(function(){


        var m = document.getElementById('meter_square');
        var meter_square = m.options[m.selectedIndex].value;

        var s = document.getElementById('story_height');
        var story_height = s.options[s.selectedIndex].value;

     $.ajax({
            type: "GET",
            url: "script.php",
            data: { meter_square: meter_square, story_height: story_height },
            dataType: "json",
            statusCode: {
                200: function (result, result2)
                {
                    $("#expected_gain").html(result.value);
                $("#house_price").html(result2.value2);
                }

            }
        });
})
});
</script>   

这是php脚本

    <?php 

$meter_square = $_GET["meter_square"];
$story_height = $_GET["story_height"];


$result = $meter_square + $story_height;
$result2 = $meter_square * $story_height;

echo json_encode(array("value" => $result, "value2" => $result2));

 ?>

你可以看到我已经尝试过我认为可能有用的东西,如果你需要任何其他代码或者想让我删除我添加的代码不起作用,请告诉我。 / p>

感谢所有人和任何帮助

2 个答案:

答案 0 :(得分:7)

您只会收到一个回复​​对象:

function (response) {
    $("#expected_gain").html(response.value);
    $("#house_price").html(response.value2);
}

答案 1 :(得分:4)

试试这个。认为这会有所帮助。如果您只使用成功案例

,则无需使用状态代码
 $.ajax({
        type: "GET",
        url: "script.php",
        data: { meter_square: meter_square, story_height: story_height },
        dataType: "json",
        success: function(data){
            $("#expected_gain").html(data.value);
            $("#house_price").html(data.value2);
        }
    });