Exemple simple de la méthode $.post() dans jquery-js tutoriel-php.cn

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

巴扎黑

Libérer： 2017-07-03 10:28:29

original

4916 Les gens l'ont consulté

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>

Copier après la connexion

Page 2.php (action.php)

Le code est le suivant :

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

Copier après la connexion

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!