web-dev-qa-db-fra.com

Tutoriel Ajax pour post et obtenir

J'ai besoin d'un tutoriel ou d'une étude de cas simple pour un formulaire de saisie simple, dans lequel 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 qui utilise Mootool, mais je suis à la recherche de celle-ci avec jQuery!

jqueryajax
91
Reham Fahmy

Vous pouvez essayer ceci:

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

Ce code va ajouter le contenu du fichier test.html à l'élément #results

Vous pouvez trouver plus d’informations sur site Web jQuery .

Mise à jour:

Utilisez ce code pour envoyer POST données et résultat en 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 );
});
149
apis17

En supposant que vous avez du 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);
  }
});
33
shaun5