Ik heb een simpele ajax tutorial of case study nodig voor een simpel input formulier, waar ik een gebruikersnaam wil invullen via een input formulier, die het naar de database stuurt en antwoord met de resultaten.
Elke aanbeveling voor een dergelijke tutorial is welkom, want ik'heb alleen een met behulp van Mootool, maar ik'ben op zoek naar een met behulp van jQuery!
Je kunt dit proberen:
$.ajax({
url: "test.html",
cache: false,
success: function(html){
$("#results").append(html);
}
});
Deze code voegt de inhoud van test.html
bestand toe aan #results
element
Meer informatie kunt u vinden op jQuery website.
Bijwerking:
Gebruik deze code om POST-gegevens te verzenden en het resultaat uit te voeren.
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 );
});
Aangenomen dat je wat html hebt zoals:
<input type="text" name="username" id="username">
<div id="resultarea"></div>
Je zou een <script>
gebruiken zoals:
var myusername = $("#username").val();
$.ajax({
type: "GET",
url: "serverscript.xxx",
data: myusername,
cache: false,
success: function(data){
$("#resultarea").text(data);
}
});