Tutoriel Ajax pour poster et obtenir

Question

J'ai besoin d'un simple didacticiel ajax ou d'une étude de cas pour un formulaire de saisie simple, où je souhaite publier un nom d'utilisateur via un formulaire de saisie, qui l'envoie à la base de données et répond avec les résultats. Toute recommandation pour un tel tutoriel est la bienvenue, car je n'en ai qu'une avec Mootool mais j'en cherche une avec jQuery !

Answer 1

Tu peux essayer ceci :

 $.ajax({
  url: "test.html",
  cache: false,
  success: function(html){
    $("#results").append(html);
  }
});

Ce code ajoute le contenu de test.html fichier #results élément

Vous pouvez trouver plus d'informations sur le site Web de jQuery .

Mettre à jour:

Utilisez ce code pour envoyer les données POST et le résultat de sortie.

 var menuId = $("ul.nav").first().attr("id");
var request = $.ajax({
  url: "script.php",
  type: "POST",
  data: {id : menuId},
  dataType: "html"
});

request.done(function(msg) {
  $("#log").html( msg );
});

request.fail(function(jqXHR, textStatus) {
  alert( "Request failed: " + textStatus );
});

Answer 2

En supposant que vous ayez du code HTML comme :

 <input type="text" name="username" id="username">
<div id="resultarea"></div>

Vous utiliseriez un <script> comme :

 var myusername = $("#username").val();
$.ajax({
  type: "GET",
  url: "serverscript.xxx",
  data: myusername,
  cache: false,
  success: function(data){
     $("#resultarea").text(data);
  }
});