使用沒有jQuery或Ajax的純JavaScript將php值傳遞給模式

Question

是否可以使用純Javascript將值從PHP傳遞到模式框 ？ 我在SO中進行了研究，發現大多數答案是JQuery或AJAX 。 我想知道如何做，因為我是Javascript和PHP新手，所以在開始研究JQuery和AJAX之前，我想先對Javascript進行全面的練習和理解。

我正在研究一個小項目，該項目具有模式框和帶有編輯控件的<table> 。

<div id="modalBox" class="w3-modal">
    <div class="w3-modal-content">
        <div class="w3-container">
            <span onclick="document.getElementById('modalBox').style.display='none'" class="w3-button w3-display-topright">&times;</span>
            <p>Some text. Some text. Some text.</p>
            <p>Some text. Some text. Some text.</p>
        </div>
    </div>
</div>

<div class="record-container">
    <table class="table-record">
        <tr>
            <th>Title</th>
            <th>Date Created</th>
            <th>Control</th>
        </tr>

        <?php
        $announcementDaoImpl = new AnnouncementDaoImpl($pdo);
        $announcementList = $announcementDaoImpl->getAllAnnouncementByMostRecent();
        foreach($announcementList as $key => $value): ?>
        <tr>
            <td><?php echo $key->getTitle(); ?></td>
            <td><?php echo $value->getDateAdded(); ?></td>
            <td>
                <a href="#" onclick="showEditModal('modalBox')">Edit</a>
            </td>
        </tr>
     <?php endforeach; ?>
    </table>
</div>

假設我想用$value->getDateAdded返回的值填充模式框，如果沒有JQuery和AJAX ，這是否可能？

我該怎么辦？ 您能提供一些想法嗎？

謝謝。

Answer 1

Ajax是純JavaScript。 但是，如果您只是嘗試將PHP中的某些內容回顯到客戶端以以JavaScript的形式運行，那么您正在尋找json_encode

Answer 2

Please replace your code with these lines from below code.

 // Add id where you want to add this
id="subjectdiv" 

// On click add your php value

onclick="showEditModal('modalBox','<?php echo $value->getDateAdded(); ?>')"

function showEditModal(modalid,phpval) {

//You code here

//code for send value on modal box
var theDiv = document.getElementById("subjectdiv");
theDiv.innerHTML = phpval; 

}

Hope this can help.