个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
26
4
我的index.php 页面上有一个“喜欢”按钮，单击时该按钮会递增并更改为“喜欢”。这太棒了。问题是，当我重新加载页面时，“喜欢”按钮会返回到原来的“喜欢”状态。
我的问题是，即使在页面刷新时如何保持按钮为“喜欢”？
我假设在我的 likes 表中，单击按钮时我必须将 liked_unliked 设置为“1”。但是，更改“喜欢”按钮状态的 JQuery 如何知道有一个“1”，这意味着用户已经在该图像上单击了“喜欢”，即使在页面刷新时，这也会保持“喜欢”状态？
这是我的index.php:
<!doctype html>
<?php
session_start();
?>
<html>
<head>
<?php
include('header.php');
?>
<script>
//send info to like_button.php then to DB
$(document).ready(function(){
$(".button").click(function(){
$.ajax({url:"liked_button.php",success:function(result){
//do nothing
}});
});
});
//change like button when clicked
$(document).ready(function(){
$(".button").click(function(){
var t=$(this);
t.replaceWith("<button type='button' class='button_pressed'>Liked</button>");
});
});
//increment like counter when button is clicked
function increase(t) {
t=$(t).parent().next();
t.val(parseInt(t.val())+1);
}
</script>
</head>
<link type="text/css" rel="stylesheet" href="index.css">
<body>
<?php
//dispay the images that the users upload
$conn = mysqli_connect("localhost","root","") or die ("No SQLI");
mysqli_select_db($conn, "sample") or die ("No DB");
$sqli = "SELECT * FROM `photos` ORDER BY `id` DESC";
$result = mysqli_query($conn, $sqli) or die ("No query");
while($row = mysqli_fetch_assoc($result))
{
$username = $row['username'];
$title = $row['title'];
$description = $row['description'];
$image_name = $row['image_name'];
$image_id = $row['image_id'];
$random_directory = $row['random_direc'];
$date = date('Y-m-d');
$image_info = "http://localhost/splindr_2.0/photos/$random_directory/$image_name";
//echo all content in content wrapper
echo "<div id=contentWrapper'>
<div class='photo'>
<div class='actual_image'>
<img src='$image_info'>
</div>
<div class='like_system'><button onClick='increase(this)' type='button' class='button' id='button' name='button'>Like</button></div>
<input type='text' name='total_likes' id='total_likes' value='0'>
<div class='twitter'><button type='button' class='twitter_button' name='twitter_button' id='twitter_button'>
<a style='color: #2e4987;text-decoration:none' href='http://www.twitter.com/share?url=$image_info&hashtags=Splindr, CheckThisOut'>Share On Twitter</a></button>
</div>
<div class='trash_bin'>
<button type='button' class='delete_button' name='delete_button' id='delete_button'>
<a style='text-decoration:none;color: #2e4987' href='delete_post.php'>Delete</a>
</button>
</div>
<div class='info_wrapper'>
<div class='info_header'>Title: $title   By: $username   Date: $date</div>
<div class='description'>$description</div>
</div>
</div>
</div>
</div>";//end contentWrapper
}
?>
</body>
</html>
我的喜欢表:
CREATE TABLE if not exists `likes` (
`id` int(20) NOT NULL AUTO_INCREMENT,
`image_id` varchar(300) NOT NULL,
`liked_by` varchar(50) NOT NULL,
`liked_unliked` enum('0','1') NOT NULL DEFAULT '0',
PRIMARY KEY (`id`),
) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=1;
最佳答案
您正在跟踪谁按下了我假设在 Liked_by 字段中的“赞”按钮。您可以将用户的喜好添加到 session 中。这样，如果您刷新页面，您就会在 Like session 中获得 user_id，并相应地调整按钮的 CSS。
<?php
$_SESSION['likes'] = array(
'img1' => 'user2, user3',
'img2' => 'user2',
'img3' => 'user2','user5',
);
$likes = $_SESSION['likes'] ;
foreach($likes as $key => $like){
$likeArray = explode(',', $like); //convert string of user ids to array
if(in_array($userId, $likeArray)){
//user has like image with id $key
}else{
//user has not
}
}
?>
关于php - 在页面刷新时保持按钮状态？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23939421/
26
4
0
我正在通读 Windows Phone 7.5 Unleashed，有很多代码看起来像这样(在页面的代码隐藏中): bool loaded; protected override void OnNav
在cgi服务器中，我这样返回 print ('Status: 201 Created') print ('Content-Type: text/html') print ('Location: htt
我正在查看 esh(easy shell)的实现，无法理解在这种情况下什么是 22 和 9 信号。理想情况下，有一个更具描述性的常量，但我找不到列表。 最佳答案 信号列表及其编号(包括您看到的这两个)
我的Oozie Hive Action 永远处于运行模式。 oozie.log文件中没有显示错误。
我正在编写一个使用 RFCOMM 通过蓝牙连接到设备的 Android 应用程序。我使用 BluetoothChat 示例作为建立连接的基础，大部分时间一切正常。 但是，有时由于出现套接字已打开的消息
我有一个云调度程序作业，它应该每小时访问我的 API 以更新一些价格。这些作业大约需要 80 秒才能运行。 这是它的作用: POST https://www.example.com/api/jobs/
我正在 Tomcat 上访问一个简单的 JSP 页面: 但是当我使用 curl 测试此页面时，我得到了 200 响应代码而不是预期的 202: $ curl -i "http://localhos
有时 JAR-RS 客户端会发送错误的语法请求正文。服务器应响应 HTTP status 400 (Bad Request) , 但它以 HTTP status 500 (Internal Serve
我正在尝试通过 response.send() 发送一个整数，但我不断收到此错误 express deprecated res.send(status): Use res.sendStatus(sta
我已经用 Excel 和 Java 做过很多次了……这次我需要用 Stata 来做，因为保存变量更方便'labels .如何将 dataset_1 重组为下面的 dataset_2？ 我需要转换以下
我正在创建一个应用程序，其中的对象具有状态查找功能。为了提供一些上下文，让我们使用以下示例。 帮助台应用程序，其中创建作业并通过以下工作流程移动: 新 - 工作已创建但未分配 进行中 - 分配给工作人
我想在 Keras 中运行 LSTM 并获得输出和状态。在 TF 中有这样的事情 with tf.variable_scope("RNN"): for time_step in range
有谁知道 Scala-GWT 的当前状态 项目？ 那里的主要作者 Grzegorz Kossakowski 似乎退出了这个项目，在 Spring 中从事 scalac 的工作。 但是，在 interv
我正在尝试编写一个 super 简单的 applescript 来启动 OneDrive App , 或确保打开，当机器的电源设置为插入时，将退出，或确保关闭，当电源设置为电池时。 我无法找到如何访问
目前我正在做这样的事情 link.on('click', function () { if (link.attr('href') !== $route.current.originalPath
是否可以仅通过查看用户代理来检测浏览器上是否启用/禁用 Javascript。 如果是，我应该寻找什么。如果否，检测用户浏览器是否启用/禁用 JavaScript 的最佳方法是什么 最佳答案 不，没有
Spring 和 OSGi 目前的开发状况如何？ 最近好像有点安静了。 文档的最新版本 ( http://docs.spring.io/osgi/ ) 来自 2009 年。 我看到一些声明 Sprin
我正在从主函数为此类创建一个线程，但即使使用 Thread.currentThread().interrupt() 中断它，输出仍然包含“Still Here”行。 public class Writ
为了满足并发要求，我想知道如何在 Godog 中的多个步骤之间传递参数或状态。 func FeatureContext(s *godog.Suite) { // This step is ca
我有一个UIButton子类，它不使用UIImage背景，仅使用背景色。我注意到的一件事是，当您设置按钮的背景图像时，有一个默认的突出显示状态，当按下按钮时，该按钮会稍微变暗。 这是我当前的代码。
我是一名优秀的程序员,十分优秀！