Heim  >  Artikel  >  Web-Frontend  >  Einfaches Beispiel der Methode $.post() in jquery

Einfaches Beispiel der Methode $.post() in jquery

巴扎黑
巴扎黑Original
2017-07-03 10:28:294906Durchsuche

In diesem Artikel wird hauptsächlich ein einfaches Beispiel für die Methode $.post() in jquery vorgestellt. Freunde, die sie benötigen, können darauf verweisen. Ich hoffe, dass sie für alle hilfreich ist.

Es gibt eine solche Methode in jqery Methode, $.post() Hier ist ein einfaches Beispiel dieser Methode:

jQuery.post( url, [data], [callback], [type] ):
POST-Methode verwenden . Asynchrone Anfrage

Parameter:

URL (String): URL-Adresse zum Senden der Anfrage.

Daten (Karte): (optional) Die an den Server zu sendenden Daten, ausgedrückt in Form von Schlüssel/Wert-Paaren.

Rückruf (Funktion): (optional) Rückruffunktion , wenn das Laden erfolgreich ist (diese Methode wird nur aufgerufen, wenn der Rückgabestatus von Response erfolgreich ist).

Typ (String) : (Optional) Die offizielle Beschreibung lautet: Typ der zu sendenden Daten. Tatsächlich sollte es sich um den vom Client angeforderten Typ handeln (JSON, XML usw.)

1.html-Seite (index.html)

Der Code lautet wie folgt:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Untitled Document</title>
<script type="text/javascript" src=\&#39;#\&#39;" /jquery-1.3.2.js"></script>
<script language="javascript">
function checkemail(){

  if($(&#39;#email&#39;).val() == ""){
    $(&#39;#msg&#39;).html("please enter the email!");
    $(&#39;#email&#39;).focus;
    return false;
  }
  if($(&#39;#address&#39;).val() == ""){
    $(&#39;#msg&#39;).html("please enter the address!");
    $(&#39;#address&#39;).focus;
    return false;
  }
  ajax_post();
}
function ajax_post(){
  $.post("action.php",{email:$(&#39;#email&#39;).val(),address:$(&#39;#address&#39;).val()},
  function(data){
    //$(&#39;#msg&#39;).html("please enter the email!");
    //alert(data);
    $(&#39;#msg&#39;).html(data);
  },
  "text");//这里返回的类型有:json,html,xml,text
}
</script>
</head>
<body>
<form id="ajaxform" name="ajaxform" method="post" action="action.php">
    <p>
    email<input type="text" name="email" id="email"/>

    </p>
    <p>
    address<input type="text" name="address" id="address"/>
    </p>
    <p id="msg"></p>
    <p>    
        <input name="Submit" type="button" value="submit" onclick="return checkemail()"/>
    </p>
</form>
</body>
</html>


2.php-Seite (action.php)

Der Code lautet wie folgt:

<?php
$email = $_POST["email"];
$address = $_POST["address"];
//echo $email;
//echo $address;
echo "success";
?>

Hinweis: Beachten Sie beim Klicken auf die Schaltfläche, dass der Schaltflächentyp jetzt Schaltfläche ist. Wenn die Methode $.post() nicht verwendet wird, ist dies der Schaltflächentyp ist Submit. Auf diese Weise werden die Daten im Formular übermittelt und die Post-Methode wird an die Seite action.php übergeben. Anschließend können die übergebenen Daten in der Seite action.php empfangen werden. Wenn wir die $.post-Methode verwenden, verwenden wir tatsächlich die post-Methode in der Funktion ajax_post()-Methode. (Um die JQuery-Bibliotheksdatei zu zitieren)

Das obige ist der detaillierte Inhalt vonEinfaches Beispiel der Methode $.post() in jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn