>

PHP 에서 값을 전달할 수 있습니까  일반 Javascript 를 사용하여모달 상자 ? 나는 여기서 SO를 연구했으며 대부분의 대답이 JQuery 라는 것을 알았습니다.  또는 AJAX . 내가 Javascript 에 새로 왔기 때문에 방법을 알고 싶습니다  그리고 PHP  먼저 Javascript 에 대한 철저한 연습과 이해를 원합니다   JQuery 에 뛰어 들기 전에  그리고 AJAX .

모달 박스와 <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 ?

어떻게 할 수 있습니까? 몇 가지 아이디어를 제공해 줄 수 있습니까?

감사합니다.


  • 답변 # 1

    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.
    
    

  • 답변 # 2

    Ajax는 일반 JavaScript입니다. 그러나 PHP로 자바 스크립트로 실행되도록 PHP에서 무언가를 반향하려는 경우 json_encode를 찾고 있습니다

관련 자료

  • 이전 Google apps script - google 앱 스크립트 - 스프레드 시트 사본 1 개 만들기
  • 다음 vue.js - [vue 경고] - 지시어 정렬 가능 업데이트 후크 오류 : "정렬 가능 : el은 [object undefined]가 아닌 htmlelement 여야합니다"