保存后在div中显示消息

时间:2019-02-14 19:16:18

标签: javascript

我保存了一些数据到我的MYSQL数据库中,保存之后我不想在ID为#msg的div中显示文本。有人可以帮我吗?

<script>
        $(document).ready(function () {
            $("#btnAdd").click(function (e) {
                /* Retrieving value from textboxes */
            var besproken = $('#besproken').val();  
            var afspraken = $('#afspraken').val();  
            var coachings_id = $('#coachings_id').val();
            var verlengen = $('#verlengen').val();
                $.post("save_coaching.php", { 
                  besproken: besproken, 
                  afspraken: afspraken, 
                  coachings_id: coachings_id,
                  verlengen: verlengen
               }, function (data) {

                    $("form")[0].reset();
                });
                return false;
            });
        });
    </script>

2 个答案:

答案 0 :(得分:0)

只需在#msg div上使用.html()方法:

$.post("save_coaching.php", { 
  besproken: besproken, 
  afspraken: afspraken, 
  coachings_id: coachings_id,
  verlengen: verlengen
}, function (data) {
    $( "#msg" ).html( data );
    $("form")[0].reset();
});

这是假设数据变量是一个简单的字符串。如果是JSON,则需要使用JSON.parse(data)将其转换回对象,然后打印出所需的属性。

答案 1 :(得分:0)

您执行此操作的选项很少,例如,可以通过CSS控制可见性。

$.post("save_coaching.php", { 
  besproken: besproken, 
  afspraken: afspraken, 
  coachings_id: coachings_id,
  verlengen: verlengen
}, function (data) {
  // place code here to manipulate showing the notification div
});

要操纵代码,您可以编写:

document.getElementById('#msg').style.visibility = 'visible' or 'hidden'

可见或隐藏取决于您要对#msg元素执行的操作。