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;
});