Diskuze: AJAX-nejde odoslat premenna
V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.
Člen
Peter Mlich:9.10.2019 8:07
google = ajax example jquery
google = ajax example httprequest
Kod, ktery uvadis, nemuze fungovat, protoze mu spousta kodu schazi. Konkretne
treba nevidim, ze bys pripojil jquery pres tagy script.
Firefox - Nastroje - vyvojaske nastroje - konzola, F5 stranka, a musi ti vypsat
spoustu erroru. A po kliknuti dalsi.
Snad i zacatecnik by mohl umet zkopirovat exampl z oficialni dokumentace...
No, nejspis zacatecniky podcenili 
https://api.jquery.com/jQuery.post/
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery.post demo</title>
<script src="https://code.jquery.com/jquery-3.4.1.js"></script> <!-- pripojeni js jknihovny jquery s funkci $.post() -->
</head>
<body>
<form action="/" id="searchForm">
<input type="text" name="s" placeholder="Search...">
<input type="submit" value="Search">
</form>
<!-- the result of the search will be rendered inside this div -->
<div id="result"></div>
<script>
// Attach a submit handler to the form
$( "#searchForm" ).submit(function( event ) {
// Stop form from submitting normally
event.preventDefault();
// Get some values from elements on the page:
var $form = $( this ),
term = $form.find( "input[name='s']" ).val(),
url = $form.attr( "action" );
// Send the data using post
var posting = $.post( url, { s: term } );
// Put the results in a div
posting.done(function( data ) {
var content = $( data ).find( "#content" );
$( "#result" ).empty().append( content );
});
});
</script>
</body>
</html>
Akceptované řešení
+20 Zkušeností
+2,50 Kč
+20 Zkušeností
+2,50 Kč
Zobrazeno 5 zpráv z 5.