ajax pour eviter le rechargemet de la page. Le souci c'est que cela ne fonctionne qu'une seule fois apres le chargement de la page, si je clique a nouveau
AJAX** ``` div class="people-ident-box" id="PeopleBox" style="display:none;"> $(function(){ $(".search_bar_people").keyup(function() { var search_keyword_value = $(this).val(); var dataString = 'search_bar_people='+ search_keyword_value; if(search_keyword_value!='') { $.ajax({ type: "GET", url: "livesearch_people_ind.php", data: dataString, cache: false, success: function(html) { $("#result_people").html(html).show(); } }); } return false; }); $("#result_people").live("click",function(e){ var $clicked = $(e.target); var $name = $clicked.find('.country_name').html(); var decoded = $(" ").html($name).text(); $('#search_bar_people_id').val(decoded); }); $(document).live("click", function(e) { var $clicked = $(e.target); if (! $clicked.hasClass("search_bar_people")){ $("#result_people").fadeOut(); } }); $('#search_bar_people_id').click(function(){ $("#result_people").fadeIn(); }); }); $('html').click(function(event){ if(event.target.id == 'result_people') { //Do nothing } else { $('#result_people').css({ display : 'none' }); } }); .show-livesearch-people{ position: relative; float: left; width: 50%; max-width: 100%; max-height: 70px; overflow: hidden; border-bottom: solid 1px rgba(0,0,0,0.07); margin-bottom: 2px; margin-top: 2px; } #search_keyword_id_people { width: 700px; border: solid 1px #CDCDCD; padding: 5px; font-size: 14px; border-radius: 2px; position: absolute; left: -250px; height: 30px; top: -3px; } span.show-livesearch-live-people{ width: 33%; position: relative; left: 40%; top: -60px; text-align: center; font-size: 20px; } #result_people { position: absolute; width: 100%; display: none; overflow: auto; top: 32px; background-color: rgba(255, 255, 255, 1); z-index: 800; -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.1); -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.1); box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.1); border-radius: 1px; max-height: 225px; } .show { font-family: 'Roboto', sans-serif; padding:10px; border-bottom:1px #CDCDCD dashed; font-size:15px; } .show:hover { background:#364956; color:#FFF; cursor:pointer; } ``` **Partie AJAX (livesearch_people_ind.php)** ```
Ajax et pour gagner en performance je souhaiterais mettre en cache les vue. Le problème c'est que selon comment le visiteur arrive sur cette page (lien direct ou ajax
ajax fonctionnent très bien. Mais lorsque myAddress = dev.mysite.com, la requête ajax suivante retourne une erreur. Apparement la requête n'est même pas exécutée et j'ai l'erreur : {"readyState":0,"Status
AJAX Le code m'a l'ère correcte. Mais quand je clique sur le bouton qui fait appelle à cette fonction Dans la bar de débug de symfony, je vois
ajax pour charger de l'Xml et utilise jquery pour mettre en page ces données avec la méthode suivante : _$.ajax( { type: "GET", url: "xml/data.xml", dataType: "xml", success: function(xml) { $(xml).find
Ajax j'essaye de récupérer des champs dans un db, mais je un drôle de retour , j'ai du mal ^^ ``` $.ajax({ type: 'GET', url: 'app/load.php', success: function (data) { console.dir(data
ajax dans le back d'une application web. Les requêtes Ajax en GET passent plutôt lentement (~5 secondes) En effectuant la requête de nouveau et en monitorant sur la console
AJax pour le POST ``` function putVehicule(){ $.ajax({ url: "http://127.0.0.1:3000/vehicules", type: 'PUT', data: {}, success: function(data) { console.log("PUT !"); } }); } ``` Et voici ma route :) ``` app.post('/vehicules/:id', function(req, res){ var idToUpdate
ajax pour éviter de devoir faire une centaine de requête en même temps. J'ai regarder le tutoriel dez grafikart sur l'ajax mais il ne traite pas du tout