"Ajax" pamoka, skirta skelbti ir gauti

Man reikia paprasto ajax vadovėlio arba atvejo analizės dėl paprastos įvesties formos, kai noriu paskelbti vartotojo vardą per įvesties formą, kuri siunčia jį į duomenų bazę ir atsako su rezultatais.
Bet kokia rekomendacija dėl tokio vadovėlio yra sveikintina, nes aš turiu tik vieną, naudojantį Mootool, bet ieškau tokio, naudojančio jQuery!

Gust van de Wal
Redaguotas klausimas priešpietr birželis 2016 в 8:18
Programavimas
jquery ajax
popietr vasaris 2012 в 7:07
Dar nėra peržiūrų
Sprendimas

Galite pabandyti tai padaryti:

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

Šis kodas pridės test.html failo turinį prie #results elemento

Daugiau informacijos rasite jQuery svetainėje.

Atnaujinimas:

Naudokite šį kodą POST duomenims siųsti ir rezultatui išvesti.

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 );
});
cubuspl42
Redaguotas atsakymas priešpietr sausis 2016 в 10:26
Komentarai (0)

Darant prielaidą, kad turite tam tikrą html, pvz:

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

Jūs turėtumėte naudoti <script>, pvz:

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