使用Ajax從數據庫動態加載內容

因此，我是Ajax新手，這是我第一次嘗試使用它，希望有人能幫助我找到我的錯誤。目標是我有一個車輛樣式列表，並且在數據庫中，我已經與特定樣式相關聯。所以當一個帶有樣式的單選按鈕被選中時，它應該填充一個下拉列表，其中Makes關聯。使用Ajax從數據庫動態加載內容

我在Chrome上運行良好，但遇到了IE和Safari等其他瀏覽器的問題。

它工作在Chrome這裏的屏幕快照：它Link
截屏不能正常工作在Safari瀏覽：Link

表單名稱是：自動窗體和無線電領域有一個onclick事件調用getMakes（）。

這是我的函數：

function getMakes() { 
     $.post('getMake.php', { 
      vehicleStyle: autoForm.style.value 
     }, 
     function(output) { 
       $('#vehicle-makes').hide(); 
      $('#vehicle-makes').html(output).slideDown("slow"); 
     }); 
}

這裏是getMake.php

PDO/database stuff up here^^ Leaving it out of the example 
$list = '<label for="vehicle_make">Makes</label> 
       <select name="vehicle_make" 
        class="form-control" 
        onchange="getModels()"> 
        <option value="">Select One</option>'; 

    foreach ($results as $result) { 
     $list .= '<option value="'.$result->make.'">'.$result->make.'</option>'; 
    } 

    $list .= '</select>'; 

    echo $list;

所以PHP，你可以看到，它與getMakes.php通信，因爲它帶來過空的下拉列表 - 但它看起來不會將數據發送到PHP以從數據庫中提取相關數據。

所有幫助表示讚賞，謝謝！

來源

2016-08-04 lpangm03

你可以在safari中測試這個小提琴代碼，讓我知道它是否工作，如果它不工作嘗試將樣式的名稱更改爲其他不是關鍵字的其他名稱..如名稱或其他東西，然後再試一次，讓我們知道https://jsfiddle.net/naveencgr/9tqgs4t6/ – CNKR

我確實得到了safari中的測試警報，是的。 – lpangm03

檢查下面的東西，以確保它在Safari1中失敗的確切位置1.您可以檢查瀏覽器的網絡選項卡以查看數據是否通過url傳遞2.在php頁面中回顯vehicleStyle的值並查看你得到它是正確的 – CNKR

所以我想通了的是，這並不在IE和Safari工作：

vehicleStyle：autoForm.style.value

我不得不輸入的值不同，它的工作。

來源

2016-08-04 19:42:12 lpangm03

使用Ajax從數據庫動態加載內容

回答

相關問題