jQuery AJAX响应给出错误

Question

jQuery代码

$.ajax({
    url: "far-area_m.php",
    type: "POST",
    dataType: 'json',
    data: values ,
    success: function (response) {
        alert("sdfds");
        // you will get response from your php page (what you echo or print)                        
    },
    error: function(jqXHR, textStatus, errorThrown) {
        alert(textStatus);
        console.log(textStatus, errorThrown);
    }               
});

远area_m.php

<?php
$dbhost = 'localhost';
$dbuser = 'root';
$dbpass = '';
$dbname='lateral';

$conn = mysqli_connect($dbhost, $dbuser, $dbpass, $dbname);

if (mysqli_connect_errno())
{
    echo "Failed to connect to MySQL: " . mysqli_connect_error();
}

$len = $_REQUEST["len"];
$bre = $_REQUEST["bre"];
$wid = $_REQUEST["wid"];

$sql = mysqli_query(
    $conn,
    "INSERT INTO `far_input` (`length`, `breadth`, `width`)
    VALUES
    ('".$len."', '".$bre."', '".$wid."')
    ");
$data = array(
    'len'     => $len,
    'bre'  => $bre,
    'wid'   => $wid
);

echo json_encode($data);
?>

总是Ajax响应是打印错误。但是，如果我在far-area_m.php中注释了insert语句， 则会得到响应。 请告诉我代码有什么问题。 在成功的jQuery上，我没有得到任何回应，它的抛出错误。

Answer 1

您发布的Ajax代码不完整。 希望在那里您会发现自己在做错什么，可能由于未使用return false;导致错误发生return false; 在代码末尾。它将停止手动提交表单。

您的代码应如下所示：

$('#form').submit(function(){

var values = $('#form').serialize();

$.ajax({
url: "far-area_m.php",
type: "POST",
dataType: 'json',
data: values ,
success: function (response) {
    alert("sdfds");
   // you will get response from your php page (what you echo or print)                 
},
error: function(jqXHR, textStatus, errorThrown) {
    alert(textStatus);
   console.log(textStatus, errorThrown);
}


});
return false;
});