使用没有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.