/ / Odoslanie formulára pomocou Jquery [duplikát] - php, javascript, jquery, html, ajax

Odoslanie formulára s Jquery [duplicate] - php, javascript, jquery, html, ajax

Na odoslanie formulára by som chcel použiť JQuery bez opätovného načítania stránky. Ako to môžem urobiť?

Môj formulár:

<html>
<form method="post" action="submit.php">
<input type="text" name="name"/>
<input type="submit" name="submit" value="submit"/>
</form>
</html>

Môj PHP:

<?php
$name= $_POST["name"];
echo $name;
?>

odpovede:

2 pre odpoveď č. 1

Pokiaľ ide o komentáre, pozrite si jQuery docs / 1 000 s príručky. Avšak:

$("#form-id").submit(function(){

// work yon javascript magicke

});

Upraviť: všimnite si, že toto nie je riešenie pre jednoduché odoslanie formulára (overenie na strane klienta atď.); Ak sa chcete dozvedieť viac, prečítajte si ďalšie odpovede.


1 pre odpoveď č. 2

Použitím ajax:

$("form").on("submit", function(e) {
e.preventDefault();
$.ajax({
type: "POST",
url : "submit.php",
data: $(this).serialize()
});
});

0 pre odpoveď č. 3

Budete musieť počkať, kým sa dokument nenačíta, potom prerušiť udalosť odoslania a niektoré spustiť ajax

$( document ).ready( function () {

$( "form" ).on( "submit", function ( event ) {

event.preventDefault();

$.ajax({
type: "POST",
url: "/mypage.php",
data: $( this ).serialize(),
success: function ( data ) {
alert( data );
}
});

}):

});