PHP echo html的大板塊該怎麼輸出比較好？

網頁 ajax php 前端後端

Oo_花之舞__oO 2023-04-08 16:00:21 ‧ 1671 瀏覽

分享至

前情提要

我使用ajax 針對不同<a>的連結做出不同的回應
一共有三頁要輸出不同的內容像是SPA那樣

php的寫法

<?php

session_start();

if ($_GET['token'] <> $_SESSION['token']){
    echo json_encode(['auth'=>false]);
}else{
    $item = $_GET['item'];
    echo json_encode(['auth'=>true,'content'=>"<b>This is the content for ${item}</b>."]);
}

?>

這邊丟回一個content，裡面送出html，最後ajax那邊會有一個：

$('#content').html(data.content);

讓我主頁有一塊content裡面去放不同內容。

問題請教

想問一下針對不同的 $item 我是否要用if else去做Event Flow呢？
(讓頁面一頁面二頁面三 encode不同的content)

或是用switch其他的條件判斷？

關於php丟回來的content，該怎麼輸出大量的html比較好呢？

因為我ajax是用json接收

 let data = JSON.parse(res);

虛擬代碼如下：

if 頁面一

echo content='<div class="w-50 p-3 mx-auto">'
echo content='<form id="loginform">'
echo content='<div class="another">'

if 頁面二

echo content='<div class="w-50 p-3 mx-auto">'
echo content='<form id="loginform">'
echo content='<div class="two">'

if 頁面N....

如果我要丟比較多行的html，難道要多行的echo，手動好幾行加上雙括號？
這樣的字串很不易編輯，又要小心單引號、雙引號的問題，
似乎是個難題。

以上，感謝各位前後端前輩。

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

3 個回答

淺水員

iT邦大師 6 級 ‧ 2023-04-08 17:47:52

最佳解答

提供參考
下面是邏輯跟樣板分開的作法
（雖然現在很多框架都幫我們處理了）

test.php?test=a 會輸出 a.php 頁面，a.php 可以接收一個 $text 的參數，當作字串輸出
test.php?test=b 會輸出 b.php 頁面，b.php 可以接收一個 $arr 的參數，輸出成列表

test.php

<?php

function response($data, $param = []) {
    switch(gettype($data)) {
        case 'string':
            if(file_exists($data)) {
                extract($param);
                include($data);
            } else {
                echo $data;
            }
            break;
        case 'array':
            header('Content-Type: application/json');
            echo json_encode($data);
            break;
        default:
            http_response_code(500);
    }
    exit();
}

$text = '測試';
$arr = ['Hello', 'world'];

if(isset($_GET['test'])) {
    switch($_GET['test']) {
        case 'a':
            response('a.php', [
                'text' => '這段文字來自參數'
            ]);
            break;
        case 'b':
            response('b.php', [
                'arr' => [
                    'Happy',
                    'Day'
                ]
            ]);
            break;
    }
}

response([
    'status' => 'error'
]);

a.php

<!DOCTYPE html>
<html lang="zh-Hant-TW">
<head>
    <meta charset="UTF-8">
    <title>a.php</title>
</head>
<body>
    text 的值為 「<?php echo $text;?>」
</body>
</html>

b.php

<!DOCTYPE html>
<html lang="zh-Hant-TW">
<head>
    <meta charset="UTF-8">
    <title>b.php</title>
</head>
<body>
    <ol>
    <?php foreach($arr as $str):?>
        <li><?php echo $str;?></li>
    <?php endforeach;?>
    </ol>
</body>
</html>