我在页面中有一个喜欢和不喜欢的系统，喜欢和不喜欢的作品仅在首页上显示，而在其他帖子上则没有。这是我尝试过的
这就是我获取信息的方式
这是PHP部分
Like.php
if(isset($_POST['id'])){
$send = mysqli_query($connecDB, "UPDATE portfolio SET `like`='$view' WHERE `id`='$id'"); }
Javascript部分
<script type="text/javascript">
$(".btn-success").click(function() {
var id = $('#id').val();
$.ajax({
type : "POST",
url : "ajax/like.php",
data: "id=" + id,
success: function(data) {
$('#result').html(data);
}
});
});
</script>
这是HTML部分
$sql = "SELECT * FROM post ORDER BY id DESC LIMIT 10";
$result = mysqli_query($connecDB, $sql);
while($rowsmall = mysqli_fetch_array($result)){
<button class="btn btn-success btn-stroke" id="result"><?php echo $rowsmall['like']; ?> <i class="fa fa-thumbs-o-up fa-lg"></i> </button>
<input type="hidden" name="id" id="id" value="<?php echo $rowsmall['id']; ?>"> <?php } ?>
我面临的问题是javascript一次又一次发送相同的隐藏ID。
参考方案
在HTML中，id属性必须在整个页面中具有唯一值，并且此行（var id = $('#id').val();）始终返回第一篇文章的ID，使用data属性可以简单地访问文章ID，就像这样
PHP
<?php $sql = "SELECT * FROM post ORDER BY id DESC LIMIT 10";
$result = mysqli_query($connecDB, $sql);
while($rowsmall = mysqli_fetch_array($result)){
<button class="btn btn-success btn-stroke" data-id="<?php echo $rowsmall['id']; ?>" >
<?php echo $rowsmall['like']; ?> <i class="fa fa-thumbs-o-up fa-lg"></i>
</button>
<input type="hidden" name="id" value="<?php echo $rowsmall['id']; ?>">
<?php } ?>
JavaScript
<script type="text/javascript">
$(".btn-success").click(function() {
var id = $(this).data('id'); // get data-id atrribute
var element = this;
$.ajax({
type : "POST",
url : "ajax/like.php",
data: "id=" + id,
success: function(data) {
$(element).html(data);
}
});
});
</script>
通过$ _POST提交表单时，输入文件值仍然保留。像这样： if($_POST){ $error = false; if(!$post['price']){ $error = true; $error_note['price'] = "*Should not be empty"; } if($err…
包含“。”的onClick函数参数 - javascript我正在尝试创建一个表，该表包含该表的“更改密码”列中各项的onClick函数，以便我的系统管理员可以更改每个人的密码。每个onClick都会调用函数“ ChangePassOpen”，该函数将打开一个带有新密码输入框和另一个按钮的模式，以实际调用该函数来更改密码。为了使我的程序能够识别管理员正在更改的帐户，我需要将用户名作为参数传递，但是我的用户名包含“。”…
尽管刷新，jQuery格式仍未应用于Ajax数据 - javascript我正在通过GET响应消息从服务器（php文件）的可折叠内部加载列表视图。但是，尽管刷新了jQuery元素，但jQuery格式并未应用于添加的HTML。我的页面在这里：http://i.cs.hku.hk/~hsbashir/Project_Work/events/events.htmlHTML代码（仅相关代码）<script> lastRecor…
JavaScript处理期间数组内部的数组 - javascript我正在尝试使用Ajax处理表单，并且在处理复选框时遇到了问题。我以为我可以在数组中做一个数组，将选中的框添加到数据对象中，但这似乎不起作用。它不会显示为控制台中对象的一部分或类似内容。我尝试了一些变化，但没有任何效果。这是当前的样子：var formData = { 'fname' : $('input[name=fname]&…
使用php重新加载内容 - javascript在对网站进行编程时，我以前使用过此代码，它可以完美工作，但是现在当我想使用一些Flash部件时，每次单击链接时，它都会重新加载所有网站。源代码： <!DOCTYPE html> <html> <head> <title>Hot King Staff</title> <meta charset=…