Ajax 호출은 항상도 성공적으로 호출

Question

나는 아약스의 걸림 호출 내가 코드 :) 내가 때 호출에도 오류 경고가 계속

의 기본 평화와 사투를 벌인거야 얻으려고에 오류를 반환 성공할 것으로 보인다. 코드를 디버그하려고 시도하고 일부 중단 점을 추가하고 done-function이 실행된다는 것을 알았습니다. 양식 정보가 기록되고 PHP 스크립트에서 문자열이 반환됩니다. 잠시 동안 텍스트가 나타나지만 done-function 후에 사라집니다. 디버깅하는 동안 오류 메시지가 표시되지 않습니다. 스크립트를 정상적으로 실행하는 동안에 만 나타납니다.

도움을 주시면 감사하겠습니다.

<div id="formDiv"> 
<form method="post" id="form"> 
<label for="title">Title: </label> 
<input type="text" name="title" id="title" /> 
<label for="composer">Composer: </label> 
<input type="text" name="composer" id="composer" /> 
<label for="link">Link: </label> 
<input type="text" name="link" id="link" /> 
<label for="description">Description: </label> 
<input type="text" name="description" id="description" /> 
<input type="submit"> 
</div> 

<div id="outerDiv"> 
    <p id="p"></p> 
</div> 

<script> 
$("#form").submit(function(){ 
    var postData = $(this).serializeArray(); 
    $.ajax({ 
    url: "test.php", 
    type: "POST", 
    data: postData, 
    dataType: "text"  
    }) 
    .done(function(data){ 
     $("#p").text(data); 
    }) 
    .fail(function(){ 
     alert("Error!"); 
    }); 
    }); 

</script> 

test.php

<?php 
$dbc = mysqli_connect('localhost', 'root', '', 'db'); 
if ($dbc->connect_error) { 
die('Connect Error: ' . $dbc->connect_error); 
} 

$title = $_POST['title']; 
$composer = $_POST['composer']; 
$link = $_POST['link']; 
$description= $_POST['description']; 

$query = "INSERT INTO table(Titel, Componist, Link, Description) VALUES ('$title', '$composer', '$link', '$description')"; 
mysqli_query($dbc, $query); 


$resultquery = mysqli_query($dbc,"SELECT * FROM table"); 
$result = ""; 
while($row = mysqli_fetch_assoc($resultquery)){ 
    $result .= $row["Titel"]." | ".$row["Componist"]." | ".$row["Link"]." | ".$row["Description"]."\n"; 
} 

echo $result; 
mysqli_close($dbc); 

?> 

Answer 1

는 success 및 error 콜백보다는 done 및 fail`를 사용하여 다음 코드를 사용해보십시오.

$("#form").submit(function(){ 
    var postData = $(this).serialize(); 
    $.ajax({ 
     url: "test.php", 
     type: "POST", 
     data: postData, 
     dataType: "text", 
     success: function(data){ 
      $('#p').text(data); 
     }, 
     error: function(){ 
      alert("Error!"); 
     } 
}); 

Answer 2

경고 대신 console.log를 사용해 볼 수 있습니다. 또한

funcation fail(jqXHR, textStatus, errorThrown) { 
    console.log("textStatus: " + textStatus); 
    console.log("errorThrown: " + errorThrown); 
} 

Answer 3

내가 제대로

INSERT INTO db(Titel, Componist, Link, Description) 

철자가 제목에 잘못 당신이 당신의 필드 이름을 작성하고 테이블 이름 여부를 의심 서버에서 유래를 알기 위해 faile 함수에 매개 변수를 추가 할 수 있습니다, 데이터를 테이블에 삽입하지 않으면 db에 삽입합니다. 이것은 잘못된 것입니다. 내 양식 태그

<form method="post" id="form" action="test.php"> 

에 action 속성을 추가하고 양식에로 preventDefault()를 추가 한

를이 다른 많은 것들을 시도 후 테이블 이름

Answer 4

를 추가 작동하는 것 같다 오류 처리를 변경했습니다.

<script> 
$("#form").submit(function(e){ 
    var postData = $(this).serializeArray(); 
    $.ajax({ 
    url: "test.php", 
    type: "POST", 
    data: postData, 
    dataType: "text"  
    }) 
    .error(function(jqXHR, textStatus, errorThrown) { console.log(errorThrown); }) 
    .done(function(data){ 
     $("#p").text(data); 
    }) 
    e.preventDefault(); 
    }); 

</script> 

그렇다면이 작업을 수행하는 데 필요한 작업 속성이 왜입니까?