OUJOOD.COM
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
<!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
<!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>