欢迎光临
我们一直在努力

程序员如何从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(&#03…

php curl远程页面javascript提取 – javascript

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

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

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

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

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

赞(0)
未经允许不得转载: 京大飞辅助网程序员面试-区块链javago面经 » 程序员如何从AJAX获取数据并相应地显示/隐藏div – javascript

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址