我想将我在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'];

?>