我想將我在javascript函數內的變量中獲得的內容傳遞給另一個php頁面

Question

我的表格包含summernote編輯器：

<form class="form-group" action="upload.php" style="width: 700px;" method="post" enctype="multipart/form-data">
        <label> Title: </label>
        <input name="title" class="form-control" type="text" required placeholder="Title"/><br><br>
        <label> Header Image: </label>
        <input class="form-control" type="file" name="file" id="file"><br><br>
        <label> Body: </label><div id="summernote"></div>

        <button class="btn btn-primary" onclick="getContent()" name="submit"> Submit </button>

    </form>

腳本以獲取編輯器的內容：

 <script>
    $(document).ready(function() 
    {
        $('#summernote').summernote();

    });
    function getContent(){$(document).ready(function() 
    {
        var content = $('#summernote').summernote('code');
        content=document.getElementById('content').value;});
    }

php代碼保存summernote的內容：

$uname= $_SESSION['id'];
$title=$_POST['title'];
$path= "uploads/".$name;
$body= ;

我試圖將summernote的內容保存在變量$ body中，該變量在另一個名為upload.php的文件中

Answer 1

在這方面，我並不是一個真正的專業人員，但是我會向表單添加一個隱藏的輸入，然后將內容（getContent）放在該字段中。

<form class="form-group" id="theForm" action="upload.php" style="width: 700px;" method="post" enctype="multipart/form-data">
    <label> Title: </label>
    <input name="title" class="form-control" type="text" required placeholder="Title"/><br><br>
    <label> Header Image: </label>
    <input class="form-control" type="file" name="file" id="file"><br><br>
    <label> Body: </label><div id="summernote"></div>
<input id="content-catcher" type="hidden" name="contentOfEditor" />
    <button class="btn btn-primary" onclick="getContent()" name="submit"> Submit </button>

</form>

腳本：

function getContent(){$(document).ready(function() 
{
    var content = $('#summernote').summernote('code');
    content=document.getElementById('content').value;});
    $('#content-catcher').val(content);
    $('#theForm').submit();
}

PHP：

$ body = $ _POST ['contentOfEditor'];

Answer 2

代替div使用text area。

<textarea name="content" id="summernote"></textarea>

形成。

  <form class="form-group" action="upload.php" style="width: 700px;" method="post" enctype="multipart/form-data">
        <label> Title: </label>
        <input name="title" class="form-control" type="text" required placeholder="Title"/><br><br>
        <label> Header Image: </label>
        <input class="form-control" type="file" name="file" id="file"><br><br>
        <label> Body: </label>

        <!--Instead of div use text area .-->
        <textarea name="content" id="summernote"></textarea>

        <button type="submit" class="btn btn-primary" name="submit"> Submit </button>

    </form>

然后，無需使用getContent。 僅致電summernote擔任編輯。

 <script>
    $(document).ready(function() 
    {
        $('#summernote').summernote();

    });
    </script>

在upload.php中，您可以通過$ _POST ['content']獲取內容

<?php
$title=$_POST['title'];
$path= "uploads/".$name;
echo $body=$_POST['content'];

?>