php - jQuery、PHP - 如何制作 'Get started' 弹出框

Question

我正在尝试创建一个您第一次登录我的网站时会看到的弹出框。我不希望其中有一些“入门”文章、常见问题解答等。

但我不知道如何实现这一点？我想用 jQuery 和 PHP 创建它。

但是我应该将数据库中的一行['getStarted']设置为0或1，然后如果设置为1则显示弹出框吗？或者有更好的方法吗？

我也一直在寻找如何更改数据库中的行，只需简单地单击一个按钮，例如:“不要再向我显示此内容”。我发现我需要 ajax，但是这样的操作会是什么样子？

我希望获得一些链接或入门方法。

Answer 1

您将需要 jQuery 和 PHP。

但是我应该将数据库中的一行['getStarted']设置为0或1，然后如果设置为1则显示弹出框吗？

是的，你应该这样做。也许在“用户”表中。

这是一个示例，我没有测试它，但它应该可以工作。
它只是通过 3-4 个步骤向您展示它是如何完成的。

<小时/>

MySQL 表 -USERS

id  UserID    FirstName    Popup
1   7804      Peter        1   
2   5874      Lois         0
3   9875      Joseph       1

<小时/>

Html
*//具有“No_popups_for_me”类的元素(图像/按钮/其他)
//和一个名为UserID*的伪元素

//这里可以在显示元素之前检查用户是否启用了弹出窗口。

<?php
 include ("connection.php"); //Your connection settings to MySQL
 $activate = "SELECT id from users WHERE UserID='".$VARIABLE_CONTAINING_THE_USER_INFO."' AND Popup='".1."' ";
 $activate_src= mysql_query($activate);
 if (mysql_num_rows($activate_src)>0) {
 echo '<div class="No_popups_for_me" UserID="'.$VARIABLE_CONTAINING_THE_USER_INFO.'"></div>';
 }

？>

<小时/>

JavaScript
//用户单击按钮禁用弹出窗口。

$('.No_popups_for_me').click(function(){
jQuery.ajax
({
  type: "POST", //method used to send data
  url: "./update_users.php", // which file to call
  data: { UID:$(this).attr('UserID') }, //Grab UserID from the html element, store it in a var named UID
  cache: false
}
});

<小时/>

PHP
*//文件 update_users.php*

<?php
 include ("connection.php"); //Your connection settings to MySQL
 $current_user = intval(trim($_POST['UID'])); //Get the data ajax send via post
 $disable_popup="UPDATE users set Popup=0 WHERE id=$current_user"; //Update SQL
 mysql_query($disable_popup) or die ("Error10.25");
?>