如何在刷新时保持我在页面上的位置(AJAX)

2024-04-04

我知道这只能通过 AJAX 实现,但我从未使用过 AJAX...在我的网站上,您可以保留游戏 Magic 中的卡牌列表,这就是完整的列表。您必须按一个按钮才能添加卡片,每张卡片都有这个按钮,当您添加它时,它会将卡片添加到您的列表中,然后刷新并再次位于页面顶部。我怎样才能让它保持它的位置?

在红色方块内,您可以按添加或删除:http://prntscr.com/5uq6ak http://prntscr.com/5uq6ak

Functions.php(我只会显示 2 个函数,删除和添加卡片)

//Add card to collection
function addCardToCollection($conn, $userID, $cardID){
//Checks if the cards is already added for this user
    $queryGetCard = 'SELECT user_id, card_id FROM collection WHERE user_id = '.$userID.' AND card_id = '.$cardID;
    $checkCollection = $conn->query($queryGetCard);
    if($checkCollection->fetch_assoc() > 0){return 'Deze kaart hebt u al.';}

//Adds card to the database
    $queryAddCard = 'INSERT INTO collection (user_id, card_id) VALUES ('.$userID.','.$cardID.')';
    if($conn->query($queryAddCard)){return 'Kaart toegevoegd.';}
    else{return 'Kaart niet toegevoegd.';}
}

//Remove card from collection
function removeCardFromCollection($conn, $userID, $cardID){
//Checks if the cards is in the collection
    $queryGetCard = 'SELECT user_id, card_id FROM collection WHERE user_id = '.$userID.' AND card_id = '.$cardID;
    $checkCollection = $conn->query($queryGetCard);
    if($checkCollection->fetch_assoc() == 0){return 'Deze kaart hebt u nog niet.';}

//Remove card from the database
    $queryAddCard = 'DELETE FROM collection WHERE user_id = '.$userID.' AND card_id = '.$cardID;
    if($conn->query($queryAddCard)){return 'Kaart verwijderd uit uw collectie.';}
    else{return 'Kaart niet verwijderd uit uw collectie.';}
}

Set.php(添加和删除按钮)

if(login_check($mysqli) == true) {
    $cardsHTML.='<br><b>Deze kaart heb ik...
    <a href="' . $baseURL . 'set.php?id=' . $_GET['id'] . '&cardID=' . $value['id'] . '&collection=add">
        <div class="glyphicon glyphicon-ok green"></div>
    </a> |
    <a href="' . $baseURL . 'set.php?id=' . $_GET['id'] . '&cardID=' . $value['id'] . '&collection=remove">
        <div class="glyphicon glyphicon-remove red"></div>
    </a>
    </b>';
}

在插入期间添加带有时间戳的列。 并获取时间戳升序的数据。 显示卡片。它不会改变。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在刷新时保持我在页面上的位置(AJAX) 的相关文章

随机推荐

  • 使用列表的内容作为单个多参数函数的位置参数

    是否有一个标准的 Haskell 函数 或模式 来提取列表的内容并将它们提供给函数 就好像它们是函数的有序位置参数一样 例如 考虑函数 当给定两个位置参数时 将从它们中生成一个二元组 3 4 gt 3 4 假设我有一些我无法更改的外部函数调
  • 单元测试ServiceLoader

    我有一个使用的方法ServiceLoader使用资源加载服务 public List
  • 如何绘制独立于 DPI 的 GDI + 文本

    我正在使用 GDI 绘制文本 我最近注意到 当 DPI 更改时 该文本会自动缩放 有没有办法让GDI 文本绘制独立于DPI 例如 我想绘制最大 20 像素的文本 无论 DPI 是多少 是否可以 这个怎么做 下面是示例代码 我想以恒定的大小绘
  • 为什么 UIView 的框架没有在 ViewDidLayoutSubviews 中更新?

    我正在尝试更新一个框架UIView其中包含按钮和标签 我正在尝试更新它viewDidLayoutSubviews 我也尝试过viewDidLoad viewWillAppear viewDidAppear 我想更改视图的 y 位置 orig
  • Android 中 GridView 最后一行的布局问题

    这是我的 GridView 我每行有 3 个项目 如图所示 视图中的最后一行仅包含一个项目 如果最后一行包含 3 个项目 则网格视图会正确滚动到最后 如果最后一行的项目少于 3 个 则视图的滚动幅度不会超过图片中显示的范围 GridView
  • Linq 和 StreamReader 获取行

    使用 LINQ 从制表符分隔的 txt 文件中获取每个字符串 然后获取每个单词 通常是 string Split 的做法 的有效方法是什么 var v from line in File ReadAllLines select n 我相信这
  • 回调内更新的角度变化检测

    我正在寻找一个简单问题的推理 我有一个简单的组件 它有一个布尔属性 我在组件的模板中显示该属性 现在的问题是 如果我在回调中更新此属性 该属性确实会更新 在组件中 但更新的值不会呈现 更改检测不起作用 我必须显式调用changeDetect
  • matplotlib - 多边形边缘的半径 - 这可能吗?

    我正在 matplotlib 中绘制一个多边形 我输入了所有点的坐标 在某些点之间 我希望有 圆形 或 径向 边缘而不是直线 例如绘图上的点 1 和 2 这可能吗 如果不可能 最有效的绘制方法是什么 编辑 罗格的解决方案效果很好 您可以通过
  • 哪种 WPF 控制套件最适合 MVVM? [关闭]

    Closed 此问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 help closed questions 目前不接受答案 似乎真正评估 UI 控制套件的唯一方法是下载试用版并投入大量时间来了解其局限性和设计缺陷 然而 有这么多
  • 暂时解压字典

    说吧 我有一个这样的迪克 my dictionary a 1 c 5 b 20 d 7 现在 我想用我的 dic 执行此操作 if my dictionary a 1 and my dictionary d 7 print my dicti
  • 如何自定义机器人框架报告中生成的日志文件

    I want only test scenarios in the Log file of the report generated in the Robot Framework but while clicking upon the Te
  • 如果 git 依靠文件快照运行,为什么 .git/ 不会随着时间的推移而变得巨大?

    我一直在读 git 的书 在这本书中 我了解到 git 通过拍摄您使用的文件的快照来发挥作用 而不是像其他 VCS 那样进行增量 这有一些极好的好处 然而 这让我想知道 随着时间的推移 包含这些快照的 git 文件夹不应该膨胀得太大吗 有些
  • 如何在Access VBA中引用Excel对象?

    为了能够使用 Access 2007 VBA 脚本中的 Excel 对象和常量 我必须做出哪些声明 Dim wb As Workbook or Set objExcelApp New Excel Application or Borders
  • 如何格式化 android-range-seek-bar 的最小值和最大值?

    我使用 android range seek bar 控件https github com anthem android range seek bar https github com anothem android range seek
  • 如何将直方图的条形与 x 轴对齐?

    考虑这个简单的例子 library ggplot2 dat lt data frame number c 5 10 11 12 12 12 13 15 15 ggplot dat aes x number geom histogram 看到
  • PHP - $_FILES 数组为空[重复]

    这个问题在这里已经有答案了 是的enctype属性已设置 其他表单 表单处理程序工作正常 因此临时目录必须是可写的 我没主意了 我检查了帖子值并 POST file 存在并包含文件名 这是我的表单和处理它的 PHP 我缺少什么
  • 使用 javascript 单击 asp.net 按钮“您确定吗?”在回发之前

    我有一个 asp 按钮 它将触发删除 并希望有一个客户端 JavaScript 你确定弹出窗口可以防止任何意外吗 什么是 javascript 来处理这个 您可以将 javascript 添加到按钮的 OnClientClick 事件中 关
  • 为什么 BCL 没有 CRC 类?

    为什么 NET 基类库没有 CRC 类 Eric Lippert 对 为什么功能 X 没有实现 有最好的解释 我认为他对为什么或为什么不使用该语言实现一两件事有所了解 有人问我 为什么 C 不实现 功能 X 一直如此 答案 总是一样的 因为
  • 如何忽略传递给数据类的额外参数?

    我想创建一个config dataclass为了简化白名单和对特定环境变量的访问 键入os environ VAR NAME 相对于而言是乏味的config VAR NAME 因此 我需要忽略我的中未使用的环境变量dataclass s i
  • 如何在刷新时保持我在页面上的位置(AJAX)

    我知道这只能通过 AJAX 实现 但我从未使用过 AJAX 在我的网站上 您可以保留游戏 Magic 中的卡牌列表 这就是完整的列表 您必须按一个按钮才能添加卡片 每张卡片都有这个按钮 当您添加它时 它会将卡片添加到您的列表中 然后刷新并再