试图找到被点击的按钮,并将结果推送到DB
Trying to find which button was clicked, and pushing the result to DB
这是我的JS脚本,在我的头标签中:
<script>
$(document).ready(function() {
$(".chooseMood").click(function(){
var id = $(this).attr('id');
$.ajax({
url: 'demosys.php',
data: {mood: $( '#id' ).val(),
success: function(data){
$('#mood').html(data);
}
});
});
});
</script>
有按钮的HTML:
<div class = "chooseMood">
<button type="submit" name="happy" id = "happy" value="happy_btn_was_clicked">
<img src="Images/happy.png" />
</button>
<button type="submit" name="sad" id="sad" value="sad_btn_was_clicked">
<img src="Images/sad.jpg" />
</button>
<script>
$('#happy').click(function() {
$("#sad").hide();
});
$('#sad').click(function() {
$("#happy").hide();
});
</script>
</div>
php文件:
<?php
function submitMood($mood){
$db_connection = new mysqli(/////);
if(mysqli_connect_errno()){
echo "Connection Error!";
return;
}
$recentMood = mysqli_query($db_connection, "SELECT * FROM `DemoUser` ORDER BY date DESC LIMIT 1'");
$today = date('Y-m-d');
if($recentMood['date'] != $today){
mysqli_query($db_connection, "INSERT INTO DemoUser (Mood, date) VALUES('$mood' , NOW())");
echo "Mood recorded!";
}
else{
echo "Mood already recorded.";
}
}
submitMood($_GET['mood']);
?>
我正试图找出哪个按钮被点击了。每个按钮都与一个情绪相关联,我想在点击后将该情绪插入数据库。现在,我的情绪没有被添加到数据库中。
您不需要ID,只需使用this
获取按钮的值
$(".chooseMood button").click(function (e) {
e.preventDefault(); /* prevent form submit*/
var mood = $(this).attr('value');
$.ajax({
url: 'demosys.php',
data: {
mood: mood,
success: function (data) {
$('#mood').html(data);
}
});
});
});
我认为您的代码运行良好,但有一个小问题。将您的代码更改为:
data: { mood: $('#' + id).val() },
您应该连接'#'+id,然后读取其值。你的选择器也错了:
$(".chooseMood button").click(...
相关文章:
- 如何在angularJS中编辑时,如果DB中的值为true,则设置复选框,如果值为false,则取消选中复选框
- 奇怪的Javascript结果
- Javascript(jQuery)给了我奇怪的结果
- JSONP请求返回结果,但也触发error_callback
- 如何在chrome扩展中存储数据/结果,以及如何使用setTimeout使其只被调用一次
- Javascript,输出结果后页面不断刷新
- 这是使用html快照和谷歌获取的预期结果吗?SEO/SPA
- 将地理编码结果转换为php变量以发布到mysql数据库
- AngularJS/HTML/Bootstrap元素用于动态搜索结果
- JQuery:向多个匹配结果添加换行符的最简单方法
- 当查询不在displayField中时,引导Ajax Typeahead不显示结果
- 使用Javascript从DB中筛选结果,这将使DIV重新加载它'基于新参数的内容
- 为什么脚本 Db 查询结果对象不同
- 获取在附加脚本中查询 sqlite db 的结果,以提交到内容脚本
- 从 JSON(db 查询结果)加载大型 javascript 数组而不会使页面崩溃
- 试图找到被点击的按钮,并将结果推送到DB
- 如何显示ajax DB查询的结果
- 是否有可能排序indexedDB结果集没有临时数组,即通过使用db查询
- 使用PHP和Javascript加载DB结果
- 如何从sql Lite DB获取针对阿拉伯文本的结果