如何在同一个函数中的ajax中收到多个响应

Question

here is my simple code

  $.ajax({
            url:'action.php',
            method: 'POST',
            data:{getcart:1},
            success:function(response){
                $('#getcart').html(response);//want to display $return_value (from action page)
                $('#getcart2').html(response);//want to display $return_value2 (from action page)
            }
        });

Here i am sending request to action.php

and if in action.php i have echo two variables separately for example.

$return_value = " //Some html here ";  echo $return_value;
$return_value2= "//some other html";  echo $return_value2;

So the question is in ajax i have function with argument response . how i will be able to receive these both variables from php and display it in different divs. i hope you guys help me. thanks.

Answer 1

Send the responses as JSON.

In PHP

$return = array( $return_value, $return_value2 );
echo json_encode($return);

In Javascript

var response = JSON.parse(response);
$("#getcart").html(response[0]);
$("#getcart2").html(response[1]);