2016-08-04 9 views
0

Also ich bin neu bei Ajax, das ist mein erster Versuch, es zu verwenden, in der Hoffnung, dass jemand mir helfen kann, meinen Fehler zu finden. Das Ziel ist, dass ich eine Liste von Fahrzeugstilen habe und in der Datenbank Marken mit bestimmten Stilen verknüpft habe. Wenn also ein Optionsfeld mit einem Stil ausgewählt wird, sollte eine Dropdown-Liste mit den zugeordneten Marken gefüllt werden.Laden von Inhalten dynamisch aus der Datenbank mit Ajax

Ich habe es funktioniert gut in Chrome, aber Probleme mit anderen Browsern wie IE und Safari.

Screenshot davon auf Chrome arbeiten hier: Link
Screenshot der es nicht auf Safari, hier zu arbeiten: Link

Der Formularname ist: Autoform Und die Funkfelder haben ein Onclick-Ereignis zu Rufen Sie getMakes() auf.

Dies ist meine Funktion:

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

Hier ist die PHP von 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; 

So wie Sie sehen können, ist es mit dem getMakes.php kommuniziert, weil es das bringt über leere Dropdown-Liste - aber es sieht so aus, als würde es die Daten nicht an PHP senden, um zugehörige Daten aus der Datenbank zu ziehen.

Alle Hilfe ist dankbar, danke!

+0

Können Sie diese Geige Code in Safari testen und lassen Sie mich wissen, es funktioniert, wenn es nicht funktioniert, versuchen Sie den Namen des Stils zu ändern, die kein Schlüsselwort ist .. wie Name oder etwas und versuchen Sie es erneut und lassen uns wissen https://jsfiddle.net/naveencgr/9tqgs4t6/ – CNKR

+0

Ich bekomme die Warnung von Test in Safari, ja. – lpangm03

+0

Überprüfen Sie die folgenden Punkte, um sicherzustellen, wo genau es in Safari versagt 1. Können Sie in der Netzwerkregisterkarte des Browsers nachsehen, ob die Daten mit URL übergeben werden oder nicht? 2. Widerhallen Sie den Wert von vehicleStyle in der PHP-Seite und sehen Sie Sie bekommen es richtig – CNKR

Antwort

0

Also, was ich herausgefunden, dass dies nicht in IE und Safari funktioniert:

vehicleStyle: autoForm.style.value

hatte ich anders den Wert der Eingabe zu erhalten, und es funktionierte .

Verwandte Themen