我正在尝试使用此代码将项目添加到数据库中，但它没有将它们添加到数据库中。 如何使用带有ajax的PHP代码使用POST方法？

Question

我正在尝试使用此代码将项目添加到数据库中，但它没有将它们添加到数据库中。 如何使用带有ajax的PHP代码使用POST方法？

来人帮帮我 ？

这是我的代码：

      <?php
       $q1=$_POST["q1"];
       $q2=$_POST["q2"];
       $q3=$_POST["q3"];

      $con = mysql_connect('localhost', 'root', '');
      if (!$con)

     {
      die('Could not connect: ' . mysql_error());
     }

      mysql_select_db("stud", $con);

      $sql="INSERT INTO stud_info(IDno, LName, FName) VALUES ('$q1', '$q2', '$q3')";

      if (!mysql_query($sql,$con))
      {
       die('Error: ' . mysql_error());
      }


     mysql_close($con);
     ?>

这是我的 ajax 代码：应该不能为空

     // JavaScript Document
     var xmlHttp;

     function showStud(id)
    { 
    xmlHttp=GetXmlHttpObject();
   if (xmlHttp==null)
    {
     alert ("Browser does not support HTTP Request");
     return;
    }
     var url="getStud.php";
     url=url+"?q="+id;   
     xmlHttp.onreadystatechange=stateChanged;
     xmlHttp.open("GET",url,true);
     xmlHttp.send(null);
    }

     function addStud(id, ln, fn)
    { 
    xmlHttp=GetXmlHttpObject();
    if (xmlHttp==null)
    {
    alert ("Browser does not support HTTP Request");
    return;
    }
    var url="addStud.php";
    url=url+"?q1="+id+"&q2="+ln+"&q3="+fn;  
    xmlHttp.onreadystatechange=stateChanged;
    xmlHttp.open("GET",url,true);
    xmlHttp.send(null);
    }

    function editStud(id, ln, fn)
   { 
   xmlHttp=GetXmlHttpObject();
   if (xmlHttp==null)
   {
   alert ("Browser does not support HTTP Request");
   return;
  }
   var url="editStud.php";
   url=url+"?q1="+id+"&q2="+ln+"&q3="+fn;
   xmlHttp.onreadystatechange=stateChanged;
   xmlHttp.open("GET",url,true);
   xmlHttp.send(null);
   }

   function deleteStud(id)
   { 
   xmlHttp=GetXmlHttpObject();
   if (xmlHttp==null)
   {
   alert ("Browser does not support HTTP Request");
   return;
   }
   var url="deleteStud.php";
   url=url+"?q="+id;   
   xmlHttp.onreadystatechange=stateChanged;
   xmlHttp.open("GET",url,true);
   xmlHttp.send(null);
   }

   function stateChanged() 
   { 
   if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
   { 
   document.getElementById("txtHint").innerHTML=xmlHttp.responseText;
   } 
   }

   function GetXmlHttpObject()
   {
    var xmlHttp=null;
   try
   {
   // Firefox, Opera 8.0+, Safari
   xmlHttp=new XMLHttpRequest();
   }
   catch (e)
   {
   //Internet Explorer
   try
    {
    xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
    }
   catch (e)
   {
      xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
   }
  }
   return xmlHttp;
  }

Answer 1

添加 jQuery 库并在集成以下代码后检查您的控制台。

替换您的addStud(id, ln, fn) ：

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>

function addStud(id, ln, fn) { 
    var q1 = id;
    var q2 = ln;
    var q3 = ln;
    $.ajax({
        url: "addStud.php",
        type: 'POST',
        data: {q1: q1,q2:q2,q3:q3},
        success: function (data) {
               //Response here
        }
    });
}