我有一个"喜欢"按钮,它保存了数据库中的ID。我尝试单击"喜欢"按钮,更新数据库,然后它将切换到"不喜欢",而无需重新加载页面。
我将粘贴下面的代码,所以你有一个理解:
文件名:**
<script type="text/javascript">
// Like Button Function
$(document).ready(function(){
$(".likeBtn").on("click", function(){
var threadID = $(this).attr("id");
console.log(threadID);
$.ajax({
type: "POST",
url: "like_function.php",
data: threadID,
success:function(html)
{
}
});
});
});
</script>
<form action='javascript:void(0);' method='POST' enctype='multipart/form-data'>
<input type='submit' name='likeBtn' class='likeBtn' id='52' value='Like'>
</form>
因此,var threadID =从数据库中检索ID(我使用52作为示例)从这里,我希望能够运行一个php脚本(如_function.php)来使用存储为变量的ID更新数据库。
最后,我想把这个按钮改成不像。抱歉,我在这方面是个新手。我是Ajax新手
1条答案
按热度按时间6yjfywim1#
您需要使用
preventDefault()
来取消事件submit
,现在您可以更新您的数据。示例如下: