Fatal编程技术网
  • php/
  • 通过PHP在MySQL中插入Jquery

通过PHP在MySQL中插入Jquery

php javascript html mysql jquery

通过PHP在MySQL中插入Jquery,php,javascript,html,mysql,jquery,Php,Javascript,Html,Mysql,Jquery,我不熟悉jQuery和MySQL。我的目标是在MySQL中插入Phonegap应用程序数据，但不幸的是，我在执行时遇到了困难。所以我现在开始使用基本的jQuery AJAX，通过PHP插入，但它仍然不起作用。有人能帮我吗？多谢各位 $("#button").click(function() { var name=$("#name").val(); var message=$("#message").val(); $.ajax({ typ

我不熟悉jQuery和MySQL。我的目标是在MySQL中插入Phonegap应用程序数据，但不幸的是，我在执行时遇到了困难。所以我现在开始使用基本的jQuery AJAX，通过PHP插入，但它仍然不起作用。有人能帮我吗？多谢各位

$("#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;

});
这是我的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>

<?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";
}
?>
我手动运行它，但没有从HTML文件中获取值。我下载了自己的jquery.js，并将其作为源代码，但仍然不起作用。我的所有文件都在我的xampp/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后添加
返回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>


$（文档）.ready（函数（）{
$（“#按钮”）。单击（函数（evt）{
evt.preventDefault（）；//防止表单提交，以便使用ajax
var name=$（“#name”）.val（）；
var message=$（“#message”）.val（）；
var sendData={“name”：name，“message”：message}；
$.ajax({
类型：“POST”，
url:“process.php”，
数据：sendData，
成功：功能（数据）{
$（“#info”）.html（数据）；
}
});
});
});
尝试更改

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

您的数据库连接工作正常吗？尝试添加如下内容

$link = mysql_connect("localhost","root","");
mysql_select_db('comments', $link);
我的建议是，您应该使用PDO或mysqli

尝试调用url//localhost/process.phpy您非常容易受到SQL注入的攻击。它们不再得到维护。看到了吗？相反，学习，并使用or-将帮助您决定哪一个。如果您选择PDO，。听起来您的ajax没有找到php文件，与php文件相关的是您的js文件吗？此外，在您开始使用SQL语句之前，我会尝试简单地在页面顶部和console.log（）您的数据参数中回显一些内容，以查看您是否得到了任何回复。感谢您的帮助，但在尝试了所有建议之后，我仍然没有得到任何结果。输出没有变化。仍然不工作。为什么按钮不起作用？完全没有结果或错误消息更改为并重试。在Chrome中，打开开发者工具，在提交表单时查看网络请求。看看有没有错，我有两个名字。1.testjs.html/C:/xampp/htdocs/webs/main，状态为success。另一个是jquery.min.js ajax.googleapis.com/ajax/libs/jquery/1.9.1，其中状态为失败。Type=pending，Initiator=testjs.html:5解析器。我在开发工具的控制台上得到了这个。未捕获引用错误：$未定义file://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js “仍然无法工作，但我在开发人员工具的控制台上遇到了这两个错误。“1.未捕获引用错误：$未定义2.获取file://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js 似乎我的代码在使用“$”时不接受java脚本，请尝试将“$（document）.ready（function（）{）”更改为“jQuery（document）.ready（function（$）{”那么，我要在哪里定义它呢？我的意思是说var data=bla bla；或者var response=bla bla；？很抱歉，我是ajax、mysql连接的新手。在一些教程中搜索后，我没有看到他们对响应、数据、d或结果的声明，或者他们在“success:function（response）{$（“#info”）.html（response）中添加的任何内容“是的，我的db connect正在工作。实际上，如果我单独运行process.php，它就会工作。但是如果我运行testjs.html，它就不再工作了。我试图将document.write（“Hello World！”）；放在$（“#button”）下。单击（function（），检查按钮是否工作，但没有“Hello World！”输出。这意味着该按钮不起作用。即使我删除所有命令并使用此“$”（“#按钮”）。单击（function（）{document.write（“Hello World！”）；；”仍然不起作用。我测试了您的代码，如果添加此命令，它对我有效：$（“#按钮”）。单击（function（e）{e.preventDefault（）； 
$link = mysql_connect("localhost","root","");
mysql_select_db('comments', $link);