Javascript 获取ajax请求以更新SQL表中的列_Javascript_Jquery_Html_Sql_Ajax

Javascript 获取ajax请求以更新SQL表中的列

javascript jquery html sql ajax

Javascript 获取ajax请求以更新SQL表中的列,javascript,jquery,html,sql,ajax,Javascript,Jquery,Html,Sql,Ajax,我试图获取当前代码，从表单中获取on或off值，并使用对JS函数的函数调用将其放入SQL数据库，JS函数包含AJAX请求，然后将其发布到运行实际查询的PHP页面。我不确定我做错了什么，API更让人困惑而不是有用。谢谢你的帮助当前页面代码： <?php require('../php/validation.php');?> <?php require('../php/background.php');?> <?php if(isset($_POST['selec

我试图获取当前代码，从表单中获取on或off值，并使用对JS函数的函数调用将其放入SQL数据库，JS函数包含AJAX请求，然后将其发布到运行实际查询的PHP页面。我不确定我做错了什么，API更让人困惑而不是有用。谢谢你的帮助

当前页面代码：

<?php require('../php/validation.php');?>
<?php require('../php/background.php');?>
<?php
  if(isset($_POST['selectonoff'])){
    $_SESSION['onoff'] = $_POST['selectonoff'];
    $query = 'UPDATE onoff SET onoroff = $_POST["selectonoff"] WHERE ID = 1;';
    $update = mysqli_query($db, $query);
  }
     ?>
<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="UTF-8">
  <title>User Settings Dropdown Menu</title>
      <link rel="stylesheet" href="../css/settings.css">
<script type="text/javascript">
  function load() {
      document.getElementById("selectonoff").value = '<?php echo $_SESSION['onoff'];?>';
}
</script>
<script src="jquery.js"></script>
<script>
  function rel(id)
  {
      jQuery.ajax({
       type: "POST",
       data: 'id='+id,
       url: "../php/update.php",
       cache: false,
       success: function(response)
       {
         alert("Record successfully updated");
       }
     });
 }
</script>
</head>
<body onload="load();">
  <!-- <div id="wrap"> -->
    <br><br><br><br>
    <h1>Admin Settings Menu</h1>
      <form method="post" action="adminconfig.php">
        <p>Toggle BBQ Form</p>
        <select id="selectonoff" name="selectonoff" onchange="this.form.submit(); rel();">
          <option value="NONE">Select</option>
          <option value="ON">Toggle ON</option>
          <option value="OFF">Toggle OFF</option>
        </select>
      </form>
    <form action="../index.php">
    <input type="submit" value="Home" />
    </form>
<script type="text/javascript">
</script>
</body>
  <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
    <script  src="../js/index.js"></script>
</html>

当前PHP代码：

<?php 
    require ('php/server.php');
    $db = mysqli_connect('localhost', 'root', '', 'dedricks');
    if(!$db){
        die("Connection Failed: ".mysqli_connect_error());
    }
    $var = @$_POST['id'] ;
    $query = 'UPDATE onoff SET onoroff = $var WHERE ID = 1;';
    mysqli_query($db, $query);
?>

这里几乎不需要更正

错误

您没有读取代码中任何需要在ajax调用中发送的select控件的值 selectonoff列表的onchange正在尝试提交表单，同时在不带任何参数的情况下调用rel函数。似乎需要在selectonoff选择更改时触发ajax调用。 jquery需要通过cdn或从本地目录添加一次它需要添加在头部的脚本标记之前。待办事项

删除此.form.submit；从一开始就改变了。而是删除整个onchange

下面是一个基于您的页面的代码，它正在工作并将数据提交到php页面。您可以根据需要进行更改

<!DOCTYPE html>
<html lang="en" >
<head>
    <meta charset="UTF-8">
    <title>User Settings Dropdown Menu</title>
    <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
    <script type="text/javascript">
      function rel(id){

          var formData = {"id": id};
          $.ajax({
           type: "POST",
           data: formData,
           url: "../app/update.php",
           cache: false,
           success: function(response){
               console.log("response", response);
             alert("Record successfully updated");
           },
           error: function(error){
                console.log("error", error);
           }
         });
     }

     $(document).ready(function(){
         $("#selectonoff").change(function(){
             var val = $("#selectonoff option:selected").val();
             rel(val);
         });
     });
    </script>
</head>
<body>
  <!-- <div id="wrap"> -->
    <br><br><br><br>
    <h1>Admin Settings Menu</h1>
    <form method="post" action="adminconfig.php">
        <p>Toggle BBQ Form</p>
        <select id="selectonoff" name="selectonoff">
            <option value="NONE">Select</option>
            <option value="ON">Toggle ON</option>
            <option value="OFF">Toggle OFF</option>
        </select>
    </form>
    <form action="../index.php">
        <input type="submit" value="Home" />
    </form>
</body>

</html>

注

现在，我已经测试了上述代码是否正常工作，并将ajax请求提交给php脚本。

首先，函数relid有一个参数，而onchange只使用rel。。第二：你传递给php的id是什么。。如果id为select值，那么onchange使用relthis.value而不是relI，我很惊讶我没有添加要在函数调用中使用的变量，但我更改了它以尝试您所提供的内容，但这无法解决问题。您能否提供一些详细信息，例如，您能告诉我们您所得到的错误吗？请看现在的post ajax调用需要一个对象发送到数据属性，我自己还没有尝试过这段代码。