2

我正在做三件事。

我正在使用以下 HTML 表单向 jQuery 发送信息。

        <div id="note_add_container">
            <form id="note_add" method="post">
                <input type="text" name="name" placeholder="name" />
                <input type="text" name="location" placeholder="location" />
                <button id="submit_note">Add note!</button>
            </form>
        </div>

这是我用来将此类序列化信息发布到数据库中的 jQuery 脚本。

   $('button').click(function () {  
        $.ajax ({
            type: "POST",
            url: "post.php",
            data: $('#note_add').serialize(), 
            success: function(){
                  alert("Done"); 
            }
        });    
    });

这是将信息插入数据库的 PHP。

$name = $_POST['name'];
$location = $_POST['location'];

$sql = "INSERT INTO get (name, location)
VALUES ('$name', '$location')";
if (!mysqli_query($connection, $sql)) {
    die('Error: ' . mysqli_error($link));
}

这不起作用。我单击按钮，没有任何反应。警报不会触发。任何人都可以引导我了解我的代码为什么不起作用的正确方向吗？

4

5 回答 5

1

这不起作用。我单击按钮，没有任何反应。警报不会触发

您完全确定点击处理程序有效吗？您必须确保它首先起作用，例如，

   $('button').click(function () {  
      alert('It works');
   });

如果它有效，那么你可以继续前进。否则检查其内部DOMReady $(function(){ ... })是否jquery.js已加载。

假设它有效，

你怎么知道你的 PHP 脚本返回了什么？你只是假设它“应该工作”，在这里：

 success: function(){
  alert("Done"); 
 }

success()方法实际上包含一个变量，该变量是来自服务器端的响应。它应该重写为，

 success: function(serverResponse){
  alert(serverResponse); 
 }

至于 PHP 脚本，

if (!mysqli_query($connection, $sql)) {
    die('Error: ' . mysqli_error($link));
}

您只能通过“回显”错误消息来处理失败。您不处理mysqli_query()退货时的情况TRUE。你应该发送类似的东西1来表示成功。

最后你的代码应该是这样的，

   $('#submit_note').click(function() {  
        $.ajax ({
            type: "POST",
            url: "post.php",
            data: $('#note_add').serialize(), 
            success: function(serverResponse) {
                  if (serverResponse == "1") {
                    alert('Added. Thank you');
                  } else {
                     // A response wasn't "1", then its an error
                     alert('Server returned an error ' + serverResponse);
                  }
            }
        });    
    });

PHP：

$sql = "INSERT INTO get (name, location)
VALUES ('$name', '$location')";

if (!mysqli_query($connection, $sql)) {
    die(mysqli_error($connection));
} else {
    die("1"); // That means success
}

/**
 * Was it $connection or $link?! Jeez, you were using both.
 * 
 */
于 2013-10-06T07:10:43.253 回答
0

您在调用中指定的回调函数$.ajax只会在收到来自服务器的响应时触发。由于在将数据插入数据库后，您永远不会从服务器将任何内容发送回客户端，因此客户端永远不会调用alert("Done");. 在您的 PHP 文件中添加一行，在成功插入 SQL 后向客户端发送响应。响应可以像一个 JSON 对象一样简单，它表示{'status': 'success'}.

于 2013-10-06T04:40:20.870 回答
0

您应该采用更好的方式来处理您的表单。serialize() 有帮助，但最好将数据处理成 JSON 字符串。使用 JSO 时，您还需要在 ajax 调用中设置 dataType。

$('#note_add').submit(function (event) {
    event.preventDefault();

    var formdata = $('#note_add').serializeArray();
    var formobject = {};

    $(formdata).each(function (event) {
        formobject[formdata[event].name] = formdata[event].value;
    });

    var data = {
        action: "formsend",
        json: JSON.stringify(formobject)
    };

    //* * send with ajax * *

    function sendajax(data) {
        var deferred = $.ajax({
            method: "post",
            url: "ajax.php",
            dataType: "json",
            data: data
        });
        return deferred.promise();
    }

    sendajax(formdata).done(function (response) {
        console.log(response);
        if (response.success == true) {
            alert("Done!");
        }
    })
});

用 PHP 赶上

if(isset($_POST['action']) && $_POST['action'] == 'formsend') {

  $data = json_decode($_POST['json'];

// here you can now access the $data with the fieldnames

  $name = $data->name;
  $location = $data->location;

 // Write to the database
$sql = "INSERT INTO get (name, location) VALUES ('$name', '$location')";
if (!mysqli_query($connection, $sql)) {
    die('Error: '.mysqli_error($link));
}

if (mysqli_affected_rows($connection) > 0) {
    echo json_encode(array("success" = > true, "message" = > "data is submitted"));
} else {
    echo json_encode(array("success" = > false, "message" = > "an error occurred"));
}
}
于 2013-10-06T05:13:07.247 回答
-1

将以下行添加到您的 php 文件以发送回响应：

HttpResponse::setCache(true);
HttpResponse::setContentType('text/html');       
HttpResponse::setData("<html>Success</html>");
HttpResponse::send();
flush();

如下更改ajax调用以查看结果：

  $('#submit_note').click(function () {  
        $.ajax ({
            type: "POST",
            url: "post.php",
            data: $('#note_add').serialize(), 
            success: function(respData) {
                  console.log('Response:', respData)
                  alert("Done"); 
            }
        });    
  });
于 2013-10-06T04:45:33.360 回答
-1 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="js/jquery-1.7.min.js"></script>
<title></title>
</head>
<body>
<div id="note_add_container">
  <form id="note_add" method="post">
    <input type="text" name="name" placeholder="name" />
    <input type="text" name="location" placeholder="location" />
    <button id="submit_note">Add note!</button>
  </form>
</div>
<div id="response"> </div>
</body>
<script type="text/javascript">
        $("#submit_note").click(function() {
            var url = "post.php"; // the script where you handle the form input.
            $.ajax({
                   type: "POST",
                   url: url,
                   data: $("#note_add").serialize(), // serializes the form's elements.
                   success: function(data)
                   {
                       $('#response').empty();
                       $('#response').append(data); // show response from the php script.
                   }
                 });

        return false; // avoid to execute the actual submit of the form.
    });
   </script>
</html>

post.php

// Insert here your connection path

<?php
if((isset($_REQUEST['name']) && trim($_REQUEST['name']) !='') && (isset($_REQUEST['location']) && trim($_REQUEST['location'])!=''))
{           
    $name = addslashes(trim($_REQUEST['name']));
    $location = addslashes(trim($_REQUEST['location']));    

    $sql = "INSERT INTO get (name, location) VALUES ('".$name."', '".$location."')";
    if (!mysqli_query($connection, $sql)) {
    die('Error: ' . mysqli_error($link));
    }

    echo "1 record added";
}
?>
于 2013-10-06T07:25:09.230 回答