Ajax錯誤功能未觸發

Question

當有結果顯示時，我的函數可以很好地執行。但是，如果沒有結果，或者在我的情況下，顯示程序主機記錄，我希望顯示「無結果」消息。然而，沒有任何反應。有任何想法嗎？謝謝您的幫助！

$('#Lookup').click(function() { 
var form_data = $('#validation-form').serializeArray(); 

$.ajax({ 
    url: "<?php echo site_url('opportunity/search_existing_program_host'); ?>", 
    type: 'POST', 
    data: form_data, 
    cache: false, 
    success: function(server_response) { 
     var data = $.parseJSON(server_response); 
     var html = '', program_host; 

     html += '<tr><th>Program Host Name</th><th>Location</th><th>Session Prefix</th><th>Agency No.</th></tr>'; 
     for(var i = 0; i < data.length; i++){ 
      program_host = data[i]; 
      html += '<tr><td>' + program_host.Program_Host_Name + '</td><td>' + program_host.Address_1 + ', ' + program_host.City + ', ' + program_host.State + '</td><td>' + program_host.Session_Number_Prefix + '</td><td>' + program_host.Agency_Number + '</td></tr>'; 
     } 

     $('#existing_program_hosts').append(html); 
    }, 
    error: function() { 
     //alert('Error'); 
     var html = ''; 

     html += '<tr><th>No Results</th></tr>'; 
     $('#existing_program_hosts').append(html); 
    } 
}); 

$('#Create_Host_btn').show(); 

}) 

這裏是我的將結果返回功能：

function search_existing_program_host() { 
    $Program_Host_Name = $this->input->post('Program_Host_Name'); 
    $Address_1 = $this->input->post('Address_1'); 

    $program_hosts = $this->ion_auth_model->search_existing_program_host($Program_Host_Name, $Address_1); 

    foreach($program_hosts as $program_host): 
     $results[] = array(
      "Program_Host_Name"   => "$program_host->Name", 
      "Session_Number_Prefix"  => "$program_host->Session_Number_Prefix", 
      "Agency_Number"    => "$program_host->Agency_Number", 
      "Address_1"     => "$program_host->Address_1", 
      "Address_2"     => "$program_host->Address_2", 
      "Zip_Code"     => "$program_host->Zip_Code", 
      "Primary_Phone_Number"  => "$program_host->Primary_Phone_Number", 
      "Secondary_Phone_Number" => "$program_host->Secondary_Phone_Number", 
      "Fax_Number"    => "$program_host->Fax_Number", 
      "Number_501c3"    => "$program_host->Number_501c3", 
      "Expiration_501c3"   => "$program_host->Expiration_501c3", 
      "City"      => "$program_host->City", 
      "State"      => "$program_host->State" 
     ); 
    endforeach; 

    echo json_encode($results); 

} 

Answer 1

在「成功」功能，你可能要檢查「server_response」的價值，看它是否爲null。總結成功函數內部的代碼檢查

if (server_response != null) { 
....current code... 
} else { 
...do soemthing if no data is returned. 
} 

Answer 2

更新您的功能，如：

function search_existing_program_host() { 
    $Program_Host_Name = $this->input->post('Program_Host_Name'); 
    $Address_1 = $this->input->post('Address_1'); 

    $program_hosts = $this->ion_auth_model->search_existing_program_host($Program_Host_Name, $Address_1); 

    $results = array(); 
    foreach($program_hosts as $program_host): 
     $results[] = array(
      "Program_Host_Name"   => "$program_host->Name", 
      "Session_Number_Prefix"  => "$program_host->Session_Number_Prefix", 
      "Agency_Number"    => "$program_host->Agency_Number", 
      "Address_1"     => "$program_host->Address_1", 
      "Address_2"     => "$program_host->Address_2", 
      "Zip_Code"     => "$program_host->Zip_Code", 
      "Primary_Phone_Number"  => "$program_host->Primary_Phone_Number", 
      "Secondary_Phone_Number" => "$program_host->Secondary_Phone_Number", 
      "Fax_Number"    => "$program_host->Fax_Number", 
      "Number_501c3"    => "$program_host->Number_501c3", 
      "Expiration_501c3"   => "$program_host->Expiration_501c3", 
      "City"      => "$program_host->City", 
      "State"      => "$program_host->State" 
     ); 
    endforeach; 

    $return = array('success' => (count($results)>0), 'results' => $results); 

    echo json_encode($results); 

} 

而且你的AJAX：

$.ajax({ 
    url: "<?php echo site_url('opportunity/search_existing_program_host'); ?>", 
    type: 'POST', 
    data: form_data, 
    cache: false, 
    dataType: 'json', 
    success: function(server_response) { 
     if (!server_response.success) { 
      alert("No Results"); 
     } else { 
      var data = server_response.results; 
      var html = '', program_host; 

      html += '<tr><th>Program Host Name</th><th>Location</th><th>Session Prefix</th><th>Agency No.</th></tr>'; 
      for(var i = 0; i < data.length; i++){ 
       program_host = data[i]; 
       html += '<tr><td>' + program_host.Program_Host_Name + '</td><td>' + program_host.Address_1 + ', ' + program_host.City + ', ' + program_host.State + '</td><td>' + program_host.Session_Number_Prefix + '</td><td>' + program_host.Agency_Number + '</td></tr>'; 
      } 

      $('#existing_program_hosts').append(html); 
     } 
    }, 
    error: function() { 
     //alert('Error'); 
     var html = ''; 

     html += '<tr><th>No Results</th></tr>'; 
     $('#existing_program_hosts').append(html); 
    } 
}); 

您的foreach之前聲明$results = array();，如果避風港」 t結果，(count($results)>0)將返回FALSE和server_response.results將爲0.
您不需要parseJSON，只需在您的ajax函數中聲明dataType: 'json'即可。

Answer 3

就個人而言，我會做一些事情，如：

$('#Lookup').click(function() { 
var form_data = $('#validation-form').serializeArray(); 
var html = '<tr><th>No Results</th></tr>'; 

$.ajax({ 
    url: "<?php echo site_url('opportunity/search_existing_program_host'); ?>", 
    type: 'POST', 
    data: form_data, 
    cache: false, 
    success: function(server_response) { 
     var data = $.parseJSON(server_response); 
     var program_host; 

     if (server_response != null){ 
      html += '<tr><th>Program Host Name</th><th>Location</th><th>Session Prefix</th><th>Agency No.</th></tr>'; 
      for(var i = 0; i < data.length; i++){ 
       program_host = data[i]; 
       html += '<tr><td>' + program_host.Program_Host_Name + '</td><td>' + program_host.Address_1 + ', ' + program_host.City + ', ' + program_host.State + '</td><td>' + program_host.Session_Number_Prefix + '</td><td>' + program_host.Agency_Number + '</td></tr>'; 
      } 
     } 

    }, 
    error: function(e, textStatus) { 
     // perhaps you want something a little more custom here? 
     html += '<tr><th>' + textStatus + '</th></tr>'; 
    }, 
    complete: function(){ 
     $('#existing_program_hosts').append(html); 
    } 
});