如何显示ajax接收到的数据

有一个篮子文件，一个js文件和一个“后端”文件。

下面js文件连接到购物篮文件

let data_id_prod = localStorage.getItem('products');
console.log(data_id_prod);

if (data_id_prod === null) {
    document.querySelector('.out').innerHTML = ('Ваша корзина пуста!');
}
else if (data_id_prod > '0') {
    $.ajax({
        method: "POST",
        url: "http://frontend/answer/" + data_id_prod,
        data:  {$data_id_prod: data_id_prod},
        success: function(data) {
        }
    });
}

它首先检查变量，然后，如果它为空，则在具有“out”类的 div 中显示/替换一行。如果它有一个值，那么这个变量会被 ajax 发送到“后端”。来自“后端”的 JSON 格式响应包含我需要的数据。问题是，如何在 html 页面上显示这些数据？更准确地说，你需要在这里写：

success: function(data) {
        }

后端代码：

public function actionAnswer($data_id_prod)
    {
        \Yii::$app->response->format = \yii\web\Response::FORMAT_JSON;

        $id_prod = Products::find()
        ->select([
            'product_name',
            'product_price',
        ])
        ->where([
            'ID' => $data_id_prod
        ])
        ->one();
//        var_dump($id_prod);
//        return;
        return [
            'id_prod' => $id_prod
        ];
    }