Question

我正在尝试使用一种效果从我的数据库写入我的页面。目标是，当它在页面上写下我的评论时，会显示它的效果。

<?php
    if(count($_POST) > 0){
        echo '<script language="javascript">';
        echo '$( "#toggle" ).toggle( "drop" );';
        echo '</script>';

        $db = new mysqli("localhost", "root", "usbw", "trab_projeto");

        $qr = $db->query("INSERT INTO comments(comment) VALUES ('{$_POST['mensagem']}')");

        echo "<fieldset id='toogle'>";
        echo "<p>";
        $row = $db->query("SELECT * FROM comments ORDER BY comment_id DESC LIMIT 1")->fetch_assoc();
        echo $row["comment"];
        echo "</p>";
        echo "</fieldset>";
    }
?>

脚本的一部分不起作用。单击提交表单时会执行这些代码。

<div class="cadastro">
    <form action="" id="form-msg" method="post" enctype="multipart/form-data">
        <fieldset>
            <p>
                <span><b>Escreva aqui o seu comentário:</b></span><br>
                <textarea name="mensagem" style="margin: 0px; width: 511px; height: 119px;"></textarea>
            </p>
            <input type="submit" value="Enviar">
        </fieldset>
    </form>     
</div>

Answer 1

要返回JSON响应，您必须先将其放在header()中。在脚本的顶部附加：

header('Content-type: javascript/json');

继续，为了防止SQL注入，我已将驱动程序更改为PDO，您可以在其中找到文档。

header('Content-type: javascript/json');
$driver = new PDO('mysql:host=localhost;dbname=trab_projeto', 'root', 'password');
$state = false;
if(
    !isset($_POST['mensagem']) &&
    !empty($_POST['mensagem'])
) {
    $driver->Prepare('INSERT INTO comments (comment) VALUES (?)');
    $state = $driver->execute(array($_POST['mensagem']));
}
if($state)
{
    echo json_encode(array('status' => true));
    exit;
}
echo json_encode(array('status' => false));
exit;

以后通知此评论＆＃39;它没有附加到任何＆＃39;线程＆＃39;范围。如果您有多个帖子，则应为每个帖子指定一个唯一ID，并将帖子ID与评论交叉引用，以便您可以加载该特定帖子的评论。

然后您可以使用jQuery发送请求，如下所示：

$(document).ready(function() {
    var form = $('#form-msg');
    comment = form.closest('textarea').val();
    $.post('the_file_path.php', { mensagem: comment })
        .done(function(response) {
            if(response.status) {
                // todo: success using the effect below
            }
        });
});

请注意，上面的代码需要在您的提交按钮附加click()。考虑删除这行代码：

<input type="submit" value="Enviar">

使用：

<button type='button'>Enviar</button>

所以你可以通过这样的形式来定位它：

form.closest('button').click(function() {
    // ...
}

您可以在向用户端显示评论时使用效果，如下所示：

var commentToAdd = document.createElement('p');
commentToAdd.innerHTML = comment;
$('#comments').append(commentToAdd);
commentToAdd.show('slow');

如何在php页面中插入jqueryUi（Show Effect - ＆gt; Drop）

1 个答案: