如何从AJAX获取数据并相应地显示/隐藏div - javascript

我正在编写一个PHP脚本,该脚本回显代表未读消息数量的数字。

我有以下代码,每30秒处理一次PHP。

setInterval(function (){
            $.ajax({
                url: "php/notifications_counter.php",
                cache: false,
                success: function(number){
                $("#notification_counter").show();
                $("#notification_counter_number").text(number);
      }
    });
        },5010);

PHP回显的数字应插入到名为“ #notification_counter_number”的div中。确实确实插入了数字。但是由于某些奇怪的原因,加上数字,php文件中的注释也会得到回应?我无法使它正常工作。

另外,我希望#notification_counter在有数字回显时显示,而在无数字时隐藏。所以我为此尝试了以下代码:

...success: function(number){
                if (number > 0) {
                  $("#notification_counter").show();
                  $("#notification_counter_number").text(number);}
                else {$("#notification_counter").show();}
  }

这也不起作用:((即使PHP输出的数字大于0,div总是被隐藏。希望你们能提供帮助。

更新:这是我的PHP文件:

<!--
blabla commenting, so this gets visible as text in DIV as well. Strange...

!-->

    <?php

    include "config.php";

    //Count unread messages from database
    $Number_Query = mysqli_query ($mysqli, "SELECT * FROM notifications WHERE Notification_Read='0' "); 

    $Notification_Count = mysqli_num_rows($Number_Query);

    if ($Notification_Count > 0) {
    echo "$Notification_Count"; }

    //Close connection
    mysqli_close($mysqli);

    ?>

参考方案

<!-- -->是HTML注释,输出到浏览器,只需更改为php注释:

<?php
/*
blabla commenting, so this gets visible as text in DIV as well. Strange...

*/

include "config.php";

在进行更改的同时,输出JSON也很有意义,如果需要,它可以使您添加额外的数据(例如,评论时间,作者等):

$Notification_Count = mysqli_num_rows($Number_Query);
header('Content-Type: application/json');
echo json_encode(array('count'=>$Notification_Count));


//javascript
success: function(data){
   if (data.count > 0)...

PHP json_encode数组到javascript关联数组 - javascript

我有一些从PHP中读取的mysqli列。它正在完美地获取和回显。$results = mysqli_fetch_assoc(mysqli_query($conn, $querystring)); echo json_encode($results); //$results = {"title":"Sea Shells"…

PHP-显示特殊字符 - javascript

允许用户输入的代码段//fetch user input and pass it in URL alertify.prompt("Please enter note/remarks for this Form (optional):", function (e,value) { if (e) { alertify.success(…

php curl远程页面javascript提取 - javascript

我有一个远程页面,下面显示了其源代码,<!DOCTYPE html> <html> <head> <title>somethingg blabla</title> </head> <body> <script type="text/javascript…

PHP Javascript更改浏览器后退按钮行为Laravel - javascript

我知道有各种各样的线程要求几乎相同的要求,但似乎没有一个真正满足我的需求。在我的网站上,我实现了搜索表单。一个简单的表单,其中包含一个名为searchQuery的输入字段和一个提交按钮。表单通过POST方法发送。我正在使用Laravel btw。。然后将搜索结果从控制器加载到视图中。这些在表中显示。现在来了有趣的部分:找到的元素是可单击的,并且您进入有关该元…

Javascript-从当前网址中删除查询字符串 - javascript

单击提交按钮后,我需要从网址中删除查询字符串值。我可以用jQuery做到这一点吗?当前网址:siteUrl/page.php?key=value 页面提交后:siteUrl/page.php 实际上,我已经从另一个带有查询字符串的页面着陆到当前页面。我需要在页面首次加载时查询字符串值以预填充一些详细信息。但是,一旦我提交了表格,我就需要删除查询字符串值。我已…