Maison  >  Article  >  interface Web  >  Exemple simple de la méthode $.post() dans jquery

Exemple simple de la méthode $.post() dans jquery

巴扎黑
巴扎黑original
2017-07-03 10:28:294912parcourir

Cet article présente principalement un exemple simple de la méthode $.post() dans jquery. Les amis qui en ont besoin peuvent venir s'y référer. J'espère que cela sera utile à tout le monde.

Il existe un tel article. méthode dans la méthode jqery, $.post() Voici un exemple simple de cette méthode :

jQuery.post( url, [data], [callback], [type] ):
Utiliser la méthode POST . Requête asynchrone

Paramètres :

url (String) : Adresse URL pour envoyer la requête.

data (Carte) : (facultatif) Les données à envoyer au serveur, exprimées sous forme de paires clé/valeur.

callback (Fonction) : (facultatif) Fonction de rappel lorsque le chargement est réussi (cette méthode est appelée uniquement lorsque l'état de retour de Response est réussi).

type (String) : (Facultatif) La description officielle est : Type de données à envoyer. En fait, il doit s'agir du type demandé par le client (JSON, XML, etc.)

1.html page (index.html)

Le code est le suivant :

<!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>


Page 2.php (action.php)

Le code est le suivant :

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

Remarque : Lorsque vous cliquez sur le bouton, notez que le type de bouton est désormais bouton. Lorsque la méthode $.post() n'est pas utilisée, le type de bouton. est submit. De cette façon, submit soumet les données dans le formulaire et utilise post. La méthode est transmise à la page action.php, puis les données transmises peuvent être reçues dans la page action.php. Lorsque nous utilisons la méthode $.post, nous utilisons en fait la méthode post dans la méthode function ajax_post(). (Pour citer le fichier de la bibliothèque jquery)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn