Exécuter une requête ajax sur le document.prêt jquery

Ajax

$(document).ready(function() {
    $.ajax({
        type: 'POST',
        url: '../include/ListOfCities.php',
        dataType: "json",
        data: {
            Country: "Japan"
        },
        success: function(data) {
            console.log(data);
            var city = ('#city');
            $(city).empty();
            for (var i = 0; i < data.length; i++) {
                $(city).append('<option id=' + data[i].sysid + ' value=' + data[i].city_name + '>' + data[i].city_name + '</option>');

            }
        }

    });
});

php

$country = mysql_real_escape_string($_POST['Country']);
$stmt = $dbh->prepare("SELECT * FROM city_tbl WHERE country_name = ? ");
$stmt->bindValue(1, $country, PDO::PARAM_STR);
if ($stmt->execute()) {
    if ($stmt->rowCount() > 0) {
        while ($selected_row = $stmt->fetch(PDO::FETCH_ASSOC)) {
            $citylist[] = array('sysid' => $selected_row['sys_id'], 'code' => $selected_row['city_code'], 'name' => $selected_row['city_name'], 'parentid' => $selected_row['parent_id']);
        }
        $input = array_map("unserialize", array_unique(array_map("serialize", $citylist)));
        echo json_encode($input, JSON_UNESCAPED_UNICODE);
    }
}

Je veux afficher les tous les ville du japon dans un sélectionnez l'option de menu que je veux charger les villes lors du chargement de la page je suis l'envoi de la requête ajax, comme ci-dessus mais je n'obtenez pas de résultat de l'ajax ci-dessus fonctionne très bien lorsque je l'utilise sur le bouton. Envoie une requête ajax différente de clic de bouton et sur le document prêt..Toute suggestion comment faire une requête ajax sur le document prêt est apprécié

Pouvez-vous montrer à votre gestionnaire pour le bouton cliquez sur?..
je viens de l'ajouter $('#anybutton').click(function() { au-dessus de la ligne de $.ajax({ et je voudrais, mais je suis en train de charger le nom lorsque le chargement de la page j'ai donc supprimer le onclick événement pensant qu'il va charger le nom lorsque le document est prêt, mais il ne montre pas de console.journal ou des options pour sélectionner
Votre code doit fonctionner correctement, u ne voir réseau demande developer console - onglet réseau ?
qu'entendez-vous par should work fine je n'obtiens pas d'erreur, même à partir de l'onglet réseau erreur qui dois-je m'attendre à partir de l'onglet réseau?
Si vous êtes sur Chrome, ouvrir les Outils de développement (F12), allez dans le menu Réseau - cliquez sur l'icône de Filtre et sélectionnez XHR, rechargez de nouveau la page, à l'aide de la touche F5, si vous ne voyez pas ur d'appel il y a, ensuite, l'appel lui-même n'est pas déclenché. Vous pouvez vérifier si il y a des erreurs dans la Console de l'onglet Outils de Dev. Aussi une chose de plus, êtes-vous sûr qu'il y a un city élément dans votre page ?

OriginalL'auteur guradio | 2015-02-07

  1. 8

    Juste essayer de définir async:false dans votre requête ajax. Donc le code final sera 

    $(document).ready(function() {
    $.ajax({
        type: 'POST',
        url: '../include/ListOfCities.php',
        dataType: "json",
        async:false,
        data: {
            Country: "Japan"
        },
        success: function(data) {
            console.log(data);
            var city = ('#city');
            $(city).empty();
            for (var i = 0; i < data.length; i++) {
                $(city).append('<option id=' + data[i].sysid + ' value=' + data[i].city_name + '>' + data[i].city_name + '</option>');

            }
        }

    });
});

    OriginalL'auteur Vidya S Masani