JQuery Ajaxi POST-meetod

Saadab asünkroonse http POST-i päringu andmete serverist laadimiseks. Selle üldine vorm on:

jQuery.post( url [, data ] [, success ] [, dataType ] )
  • URL: on ainus kohustuslik parameeter. See string sisaldab aadressi, kuhu päring saata. Tagastatud andmeid ignoreeritakse, kui muud parameetrit pole määratud
  • andmed: tavaline objekt või string, mis saadetakse serverile koos päringuga.
  • edu: tagasihelistamisfunktsioon, mis käivitatakse, kui taotlus õnnestub. see võtab argumendina tagastatud andmed. Samuti edastatakse vastuse teksti olek.
  • dataType: serverilt oodatavate andmete tüüp. Vaikimisi on Intelligent Guess (xml, json, skript, tekst, html). kui see parameeter on esitatud, tuleb edastada ka tagasihelistamine.

Näited

$.post('//example.com/form.php', {category:'client', type:'premium'});

form.phpserveri päringud , täiendavate andmete saatmine ja tagastatud tulemuse ignoreerimine

$.post('//example.com/form.php', {category:'client', type:'premium'}, function(response){ alert("success"); $("#mypar").html(response.amount); });

form.phpserverilt päringuid , täiendavate andmete saatmist ja tagastatud vastuse käsitlemist (jsoni vormingus). Selle näite saab kirjutada selles vormingus:

$.post('//example.com/form.php', {category:'client', type:'premium'}).done(function(response){ alert("success"); $("#mypar").html(response.amount); });

Järgmine näide postitab vormi, kasutades Ajaxi, ja paneb tulemused div

    jQuery.post demo // 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 ); }); });   

Järgmine näide kasutab githubi api abil kasutaja hoidlate loendi hankimist, kasutades jQuery.ajax () ja paneb tulemused div

    jQuery Get demo // Attach a submit handler to the form $( "#userForm" ).submit(function( event ) { // Stop form from submitting normally event.preventDefault(); // Get some values from elements on the page: var $form = $( this ), username = $form.find( "input[name='username']" ).val(), url = "//api.github.com/users/"+username+"/repos"; // Send the data using post var posting = $.post( url, { s: term } ); //Ajax Function to send a get request $.ajax({ type: "GET", url: url, dataType:"jsonp" success: function(response){ //if request if made successfully then the response represent the data $( "#result" ).empty().append( response ); } }); });   

jQuery.ajax ()

$.post( url [, data ] [, success ] [, dataType ] ) on lühike Ajax-funktsioon, mis vastab järgmisele:

$.ajax({ type: "POST", url: url, data: data, success: success, dataType: dataType });

$.ajax() pakub rohkem võimalusi, mida leiate siit

Rohkem informatsiooni:

Lisateabe saamiseks külastage ametlikku veebisaiti