通过PHP在MySQL中插入Jquery

Insert Jquery in MySQL through PHP

本文关键字:插入 Jquery MySQL PHP 通过      更新时间:2023-09-26

我是jQuery和MySQL插入的新手。我的目标是在MySQL中插入Phonegap应用程序数据,但不幸的是,我在执行时遇到了困难。所以我现在开始通过PHP进行基本的jQueryAJAX插入,但它仍然不起作用。有人能帮我吗?非常感谢。

这是我的testjs.html文件

<html>
<head>
   <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
   <script type="text/javascript">
          $(document).ready(function(){
                $("#button").click(function(){
                      var name=$("#name").val();
                      var message=$("#message").val();
                      $.ajax({
                          type:"post",
                          url:"process.php",
                          data:"name="+name+"&message="+message,
                          success:function(data){
                             $("#info").html(data);
                          }
                      });
                });
           });
   </script>
 </head>
 <body>
      <form id = "commentform"> 
           name : <input type="text" name="name" id="name"/>
           </br>
           message : <input type="text" name="message" id="message" />
           </br>
           <input type = "submit" id = "button" value="Send Comment">
           <div id="info" />   <span id="msg"></span>              
      </form>
 </body>
 </html>

这是我的process.php文件

<?php
mysql_connect("localhost","root","");
mysql_select_db("comments");
$name=$_POST["name"];
$message=$_POST["message"];
$query=mysql_query("INSERT INTO comment2 (name,message) values('$name','$message') ");
if($query){
    echo "Your comment has been sent";
}
else{
    echo "Error in sending your comment";
}
?>

我不知道哪里错了,因为当我在浏览器中运行testjs.html时,我没有得到任何结果。即使是"您的评论已发送"这条消息也没有显示,如果我单独运行process.php文件,它就可以工作了。当然,这些零件有问题,因为

$name=$_POST["name"];
$message=$_POST["message"];

我手动运行它,而不从HTML文件中获取值。我下载了自己的jquery.js并将其作为源代码,但仍然无法工作。我的所有文件都在我的examplep/htdocs下的一个文件夹中。非常感谢。

$("#button").click(function() {
      var name=$("#name").val();
      var message=$("#message").val();
      $.ajax({
          type:"post",
          url:"process.php",
          data:"name="+name+"&message="+message,
          success:function(data){
             $("#info").html(data);
          }
      });
      return false;
});

调用ajax 后添加return false

尝试使用:

$(document).ready(function(){
  $("#button").click(function(){
        var name=$("#name").val();
        var message=$("#message").val();
        $.ajax({
            type:"POST",
            url:"process.php",
            data:{name: name, message: message},
            success:function(data){
               $("#info").html(data);
            }
        });
        return false;
  });
});

它不起作用,因为您的表单正在提交并刷新页面。

试试这个?它未经测试,基于我的记忆,所以它可能起作用,也可能不起作用。

<script language="javascript">
$(document).ready(function(){
    $("#button").click(function(evt){
        evt.preventDefault(); // prevent form submission so we can use ajax
        var name = $("#name").val();
        var message = $("#message").val();
        var sendData = { "name": name, "message": message };
        $.ajax({
            type: "POST",
            url: "process.php",
            data: sendData,
            success: function(data) {
                $("#info").html(data);
            }
        });
    });
});
</script>

尝试更改

<input type = "submit" id = "button" value="Send Comment">

<input type = "button" id = "button" value="Send Comment">

您的数据库连接工作吗?尝试添加类似的内容

$link = mysql_connect("localhost","root","");
mysql_select_db('comments', $link);

我的建议是应该使用PDO或mysqli