Exemple de partage de requête inter-domaines jquery (jquery envoie une requête ajax)_jquery

getJSON est couramment utilisé dans jQuery pour appeler et obtenir la chaîne JSON distante, la convertir en objet JSON et, en cas de succès, exécuter la fonction de rappel. Le prototype est le suivant :

jQuery.getJSON( url, [data], [callback] ) charge les données JSON sur tous les domaines.

url : l'adresse à laquelle envoyer la requête data : (facultatif) paramètres clé/valeur à envoyer callback : (facultatif) fonction de rappel lorsque le chargement est réussi est principalement utilisé pour que le client obtenir les données JSON du serveur. Exemple simple :

Script serveur, renvoie les données JSON :

Copier le code Le code est le suivant : // $.getJSON.php $arr =array("name"=>"zhangsan", "age"=>20); $jarr=json_encode($arr);

Notez deux points : Premièrement : avant de revenir au client, utilisez la fonction PHP json_encode pour encoder les données renvoyées. Deuxièmement : echo est utilisé pour revenir au client, pas pour revenir. Ce qui suit est le code client principal :

Copier le code Le code est le suivant : ) { $.getJSON("$.getJSON.php", {}, function(response){ alert(response.age); } }

La valeur de retour étant codée en JSON en PHP, vous devez utiliser getJSON pour appeler le fichier PHP afin d'obtenir les données. Dans le même temps, vous pouvez remarquer que les données obtenues via getJSON sont devenues un tableau d'objets et que vous pouvez utiliser Response.name et Response.age pour obtenir la valeur de retour de manière intuitive.

jquery fournit la méthode $.getJSON, nous permettant d'implémenter des requêtes ajax inter-domaines, mais le contenu de jqueryAPI est trop petit. Comment utiliser $.getJSON et quel type de base de données doit être renvoyé par le site Web demandeur. que $.getJSON peut l'obtenir ? , je vais utiliser un exemple pratique pour illustrer ci-dessous. Le backend utilise PHP. L'une des fonctions principales du code suivant est de fournir une interface pour l'enregistrement des rendez-vous. Les données à transmettre sont : le nom d'utilisateur, le numéro de contact et l'adresse :

Copier le code

Le code est le suivant : /*Interface d'exécution de l'enregistrement des rendez-vous*/ case "yuyue_interface": $name = trim($_GET['name']); $phone = trim($_GET['phone']); $addr = trim($ _GET['adr']); $dt = date("Y-m-d H:i:s"); $cb = $_GET['callback']; if($name == " " || $name == NULL){ echo $cb."({code:".json_encode(1)."})"; }elseif($phone == "" || $phone == NULL ){ echo $cb."({code:".json_encode(2)."})"; }elseif($addr == "" || $addr == NULL){ echo $cb."({code:".json_encode(3)."})"; }else{ $db->execute("insérer dans tb_yuyue (vrai nom, téléphone, danwei ,dt, ischeck) valeurs ('$name','$phone','$addr','$dt',0)"); echo $cb."({code:".json_encode( 0)."} )"; } sortie; pause;

Vient ensuite le traitement frontal :

Copier le code

Le code est le suivant : $(document).ready(function( ){ //Les 3 paramètres suivants sont requis pour l'enregistrement de la réservation var name = "name"; //varchar type, d'une longueur maximale de 8 chiffres (4 caractères chinois) var phone = " phone"; // Type Varchar, la longueur est de 11 bits var addr = "addr"; // Type varchar, la longueur peut aller jusqu'à 500 bits (250 caractères chinois) $.getJSON("http:// demander l'adresse/les données du site Web. php?ac=yuyue_interface&name=" name "&phone=" phone "&addr=" addr "&callback=?", function(data){ if(data.code==1){ //Code personnalisé alert("Le nom ne peut pas être vide"); }else if(data.code==2){ //Code personnalisé alert("Le téléphone portable ne peut pas être vide"); }else if(data.code==3){ //Code personnalisé alert("L'unité ne peut pas être vide"); }else{ / /Code personnalisé alert("rendez-vous réussi"); } }); });

Il convient de noter que dans le code php back-end, le " &callback=? " transmis doit également être affiché, tel que :

Copier le code Le code est le suivant : $cb = $_GET['callback' ]; echo $cb."({code:".json_encode(4)."})"; Ce qui précède est un simple test $.getJSON Grâce à ce test, nous. Si vous pouvez apprendre à utiliser $.getJSON, vous pouvez également apprendre à créer une interface permettant à d'autres de faire des requêtes inter-domaines.