2013-12-17 56 views
0

我有一個客戶端視圖,通過AJAX調用PHP文件來更新表單後面的數據庫。視圖是基本的CRUD操作,並主要由一個表格和一組輸入的:Ajax調用不返回JSON錯誤

HTML

<div class="item-details"> 
    <form id="item-info-form"> 
     <input type="hidden" name="id" value="1" /> 
       <input type="text" name="name" size="50" value="Item 1" /> 
       <input type="text" id="start_date" name="start_date" value="2012-01-13" /> 
       <input type="text" id="end_date" name="end_date" value="2014-02-03" /> 
       <input type="text" name="location" size="50" value="Home" /> 
       <select name="item_type"> 
        <option value="1" selected="selected"> Type 1 </option> 
        <option value="2"> Type 2 </option> 
        <option value="3"> Type 3 </option> 
       </select> 
    <button id="update-item-info">Save Changes</button> 
    </form> 

在按鈕的點擊,我調用PHP腳本來更新有關的項目通過AJAX。

的Javascript

$('#update-item-info').on('click', function (e) 
{ 
    e.preventDefault(); 
    console.log("Updating Item Info..."); 
    $.ajax({ 
     type: "POST", 
     url: "AJAX/save-item-info.php", 
     data: $('#item-info-form').serialize(), 
     dataType: "application/JSON" 
    }).done(function (data) 
    { 
     console.log(data.status); 
    }); 

}); 

,這段代碼被髮布到服務器PHP是:

<?php 

include("../db-connection.php"); 
$mysqli = new mysqli($mysqli_host, $mysqli_user, $mysqli_pass, $db_name); 

if ($mysqli->connect_errno) 
{ 
    $response_array['status'] = "Connect failed: %s\n" . $mysqli->connect_error; 
} 

if(!($stmt = $mysqli->prepare("UPDATE items SET name = ?, start_date = ?, end_date = ?, location = ?, exhibit_type = ? WHERE id = ?"))) 
{ 
    $response_array['status'] = "Prepare Statement failed: " . $mysqli->error . "\n"; 
} 

if (!($stmt->bind_param('sssssi', $_POST['name'], $_POST['start_date'], $_POST['end_date'], $_POST['location'], $_POST['exhibit_type'], $_POST['id']))) 
{ 
    $response_array['status'] = "Binding parameters failed: " . $stmt->error . "\n"; 
} 

if (!($stmt->execute())) 
{ 
    $response_array['status'] = "Execute failed: " . $stmt->error . "\n"; 
} 
else 
{ 
    $response_array['status'] = "Success"; 
} 

$stmt->close(); 

header('Content-type: application/json'); 
die(json_encode($response_array)); 

?> 

這會更新數據庫,如果一切正常,螢火告訴我數據。狀態設置爲「成功」。但是如果我註釋掉數據庫include(模擬可怕的錯誤),服務器代碼根本不會返回任何東西,更不用說data.status,而我只是得到一個通用的500錯誤。

最奇怪的是,無論數據庫是否更新,ajax.done()都不會觸發,所以我看不到是否設置了data.status。

+1

'dataType:「json」' –

回答

1

dataType (default: Intelligent Guess (xml, json, script, or html))

用途:

dataType: 'json', 

http://api.jquery.com/jQuery.ajax/

此外,使用

echo json_encode($response_array); 

,而不是

die(json_encode($response_array)); 
+0

儘管如此,但如果更新腳本失敗,仍然不會返回任何內容。我嘗試添加.fail方法,但.fail(data){console.log(data.status)}僅輸出消息錯誤的標題(500)。 –

+0

刪除標題無效,但我設法使.fail方法與.fail(function(xhr){console.log(xhr.responseJSON.status);}); –

+0

@凱文懷特賽德很棒! –