oujood.com

jQuery AJAX la méthode param() Créer une représentation sérialisée d'un tableau ou un objet

Créer une représentation sérialisée d'un tableau ou un objet, pouvant être utilisé dans une chaîne de requête URL ou une requête Ajax

chercher |

Définition et Usage la méthode param()

La méthode param() crée une représentation sérialisée d'unau ou un objet.

Les valeurs sérialisées peuvent être utilisées dans la chaîne de requête URL lors d’une requête AJAX.

Syntaxe

$.param(objet,traditionnel)

 

Paramètre

Description

objet

Obligatoire. Spécifie unau ou un objet à sérialiser

traditionnel

Facultatif. Une valeur booléenne spécifiant ou non d'utiliser le style traditionnel de la sérialisation de param

Cette fonction est utilisée en interne pour convertir des valeurs d'élément de formulaire dans une représentation de chaîne sérialisée (pour plus d'informations voir .serialize()).


Exemple Sérialiser un objet et afficher le résultat de l'objet sérialisé :

Code

  Copier le code

 <!DOCTYPE html> 
 <html lang="fr">
 <head>
      <meta charset="utf-8">
   <title>jQuery AJAX la méthode .param()</title>
<script src=" https://code.jquery.com/jquery-3.6.0.min.js "></script>
<!-- Script utilisant la méthode ajax -->

<script>
$(document).ready(function(){
 
  personObj=new Object();
 personObj.nom="Jaque";
 personObj.prenom="Doe";
 personObj.age=70;
 personObj.couleurCheveux="blanc";
  
 $("button").click(function(){
   
  $("div#result").text($.param(personObj));
 
  });
});
</script>
  
</head> 
<body> 

	<h1 style="color:green">www.oujood.com</h1>	
	<h2>jQuery la méthode ajax .param()</h2>
	<h3>Laiser ajax faire le travail</h3> 
<div>
<div id="result"></div>
<button>Execute</button>
</div>
</body>
</html>

Exemple sérialiser un tableau de clé/valeur et afficher le résultat sérialié.

Code

  Copier le code

 <!DOCTYPE html> 
 <html lang="fr">
 <head>
      <meta charset="utf-8">
   <title>jQuery AJAX la méthode .param()</title>
<script src=" https://code.jquery.com/jquery-3.6.0.min.js "></script>
<!-- Script utilisant la méthode ajax -->

<script>
$(document).ready(function(){
var
  params = { largeur:1680,hauteur:1050,profondeur:25 };
 $("button").click(function(){
   
  $("div#result").text($.param(params));
 
  });
});
</script>
  
</head> 
<body> 

	<h1 style="color:green">www.oujood.com</h1>	
	<h2>jQuery la méthode ajax .param()</h2>
	<h3>Laiser ajax faire le travail</h3> 
<div>
<div id="result"></div>
<button>Execute</button>
</div>
</body>
</html>
Par gerywa 25 juillet 2014

Voir aussi nos tutoriel :

fonction stristr

Version insensible la casse de strstr

Boites de dialogue Modals en bootstrap

Créer des boîtes de dialogue très intelligentes et flexible avec le plugin modal Bootstrap.

Balise base

Spécifie l'URL de base / cible pour toutes les URL relative dans un document