Php 使用jquery是或否投票将数据插入mysql

Php 使用jquery是或否投票将数据插入mysql,php,jquery,mysql,ajax,jquery-ui,Php,Jquery,Mysql,Ajax,Jquery Ui,如何通过添加用户选项来更新数据库?为此,我在数据库中有两个字段,当用户单击“是”时,它会更新(有用)字段,如果单击“否”按钮,则更新(不有用)。我对javascript非常陌生,所以请耐心点!:)我感谢你事先的帮助 PHP 您不能从客户端浏览器直接使用JavaScript连接mySQL数据库。事件,如果可能的话,您确实不想这样做,因为您必须将mysql登录凭据包括到提供给客户端计算机的JavaScript中 当然,您可以在JavaScript中使用类似LocalStorage的数据库,但这些数据

如何通过添加用户选项来更新数据库?为此,我在数据库中有两个字段,当用户单击“是”时,它会更新(有用)字段,如果单击“否”按钮,则更新(不有用)。我对javascript非常陌生,所以请耐心点!:)我感谢你事先的帮助

PHP


您不能从客户端浏览器直接使用JavaScript连接mySQL数据库。事件,如果可能的话,您确实不想这样做,因为您必须将mysql登录凭据包括到提供给客户端计算机的JavaScript中

当然,您可以在JavaScript中使用类似LocalStorage的数据库,但这些数据库位于客户端计算机上。如果我猜对了,那不是你要找的

您必须将数据发送到服务器上的脚本,然后将其插入mySQL数据库。正如您所说的,您不希望浏览器重新加载到仅提交表单不是一个选项。在这些情况下,使用了AJAX。您将看到一些教程,介绍如何使用AJAX使用JavaScript/JQuery将数据发送到服务器


在服务器端,您可以使用php脚本进行处理。您在问题中发布的代码不是PHP,而是简单的HTML。Fred-ii发布了一些示例SQL语句来增加一个列。我建议您使用,因为这有助于防止安全问题。

经过一些努力,我找到了一个解决方案。为那些面临类似问题的人分享。这就是我的解决方案。无论如何,玩得开心

我认为有更好的方法来组织JS脚本,以便与管理sql脚本的php文件交互。如果有人愿意帮助优化,我们将非常欢迎。

PHP主机

<?php
  require 'db/conn.php':
  $id = (int)$_GET['id'];

  if($result = $db->query("SELECT * FROM table WHERE user_id = $id")){
    if($result->num_rows){
      while($row = $result->fetch_assoc()) {
        echo "
         <div class='rating'>
           <center>
             <p>Are you alrite " . $row['user_name'] . "?</p>
             <div id='rating-div'>
               <a href='#' id='yes' class='custom-btn'>Yes</a>
               <a href='#' id='no' class='custom-btn'>No</a>
               <input type='hidden' id='" . $id . "' />
             </div>
           </center>
        </div>
        ";
      }
    }
  }
?>

AJAX可以解决您的问题如果他只是想提交表单,他可能不需要AJAX。Ajax可能会让人更加困惑。我只想将用户的选择存储在数据库中,每当有用户单击“是”或“否”时,它都会更新数据库,增加字段值而不刷新页面。只有具有表单的特定类。
UPDATE table SET column=column+1
-具有可选的
其中column\u x='something'
问题是如何添加在数据库中单击的选项以增加已经存在的值我只在帖子中插入我认为需要修改的代码部分。我在这个页面上使用php来处理数据,我将编辑插入php部分的代码,以帮助理解我的案例。您必须将数据从浏览器发送到服务器。因此,请看一下AJAX。例如,您可以从以下教程开始:谢谢@jelhan。辅导老师帮我解决了很多问题。
$(document).ready(function(){
  $("#yes").click(function(){
    $(".rating").hide();
    $(".1").show();
  });
  $("#no").click(function(){
    $(".rating").hide();
    $(".2").show();
  });
});
<?php
  require 'db/conn.php':
  $id = (int)$_GET['id'];

  if($result = $db->query("SELECT * FROM table WHERE user_id = $id")){
    if($result->num_rows){
      while($row = $result->fetch_assoc()) {
        echo "
         <div class='rating'>
           <center>
             <p>Are you alrite " . $row['user_name'] . "?</p>
             <div id='rating-div'>
               <a href='#' id='yes' class='custom-btn'>Yes</a>
               <a href='#' id='no' class='custom-btn'>No</a>
               <input type='hidden' id='" . $id . "' />
             </div>
           </center>
        </div>
        ";
      }
    }
  }
?>
$(function(){
    $('#yes').on('click', function(e){
        e.preventDefault();

        var usr_id = $('#rating-div input').attr('id');

        $.ajax({
            url: 'db/rating-yes.php',
            type: 'post',
            data: {'action': 'rating', 'usr_id': user_id},
            success: function(data, status){
                if(data == "ok"){
                    $('.rating').html('<p>Nice!</p>');
                }//end of if
            },//end of success function
            error: function(xhr, desc, err){
                console.log(xhr);
                console.log("Details: " + desc + "\nError: "+ err);
            }
        });//end of ajax
    }); //end of onclick function
}); //end of main function

$(function(){
    $('#no').on('click', function(e){
        e.preventDefault();

        var usr_id = $('#rating-div input').attr('id');

        $.ajax({
            url: 'db/rating-no.php',
            type: 'post',
            data: {'action': 'rating', 'usr_id': user_id},
            success: function(data, status){
                if(data == "ok"){
                    $('.rating').html('<p>Oh no! :(</p>');
                }//end of if
            },//end of success function
            error: function(xhr, desc, err){
                console.log(xhr);
                console.log("Details: " + desc + "\nError: "+ err);
            }
        });//end of ajax
    }); //end of onclick function
}); //end of main function
<?php

 $rating = $_POST['action'];
 $user_id = $_POST['usr_id'];

 if($rating == "rating") {

  $conn = mysql_connect('localhost', 'root', '');
  $db = mysql_select_db('your_database');

  if(mysql_query("UPDATE table SET useful = useful + 1 WHERE user_id = $user_id")){
    echo "ok";
  }
 }

?>
<?php

 $rating = $_POST['action'];
 $user_id = $_POST['usr_id'];

 if($rating == "rating") {

 $conn = mysql_connect('localhost', 'root', '');
 $db = mysql_select_db('your_database');

 if(mysql_query("UPDATE table SET not_useful = not_useful + 1 WHERE user_id = $user_id")){
echo "ok";
 }
}
?>