En este artículo, aprenderemos sobre el método param() , que es un método incorporado proporcionado por jQuery. Este método se utiliza para crear una representación serializada de un objeto. El método serializará recursivamente objetos profundos para intentar trabajar con lenguajes modernos como Ruby on Rails o Python.
Esto es útil en situaciones en las que los datos de un objeto deben pasarse a un servidor en forma de string, como durante una solicitud de Ajax. Este método también es compatible con el método tradicional de serialización si es necesario. El método tradicional evita el uso de corchetes en forma serializada.
Sintaxis:
$.param( obj, traditional )
Parámetros: este método acepta dos parámetros, como se mencionó anteriormente y se describe a continuación:
- obj: se utiliza para especificar una array, un objeto o un objeto jQuery para serializar. Se requiere que el parámetro sea debidamente serializable.
- tradicional: Esto se usa para especificar si se debe usar el método tradicional de serialización. Es un parámetro opcional.
Valor devuelto: Devuelve una string que contiene la forma serializada del objeto dado.
Ejemplo 1: este ejemplo utiliza el método param() para crear una representación serializada de un objeto.
HTML
<!DOCTYPE html>
<html>
<head>
<script src=
"https://code.jquery.com/jquery-3.6.0.min.js">
</script>
</head>
<body>
<h1 style="color: green">GeeksforGeeks</h1>
<h3>What is the use of param() method?</h3>
<p>The object to be serialized is:</p>
<pre>
let course = {
courseId: 108,
price: "Free",
rating: 4.8
}
</pre>
<p>Click on the button to use the param()
method for serializing the object</p>
<button onclick="serializeObject()">
Serialize object
</button>
<p><b>Serialized Output:</b></p>
<div id="output"></div>
<script type="text/javascript">
function serializeObject() {
// The object to serialize
let course = {
courseId: 108,
price: "Free",
rating: 4.8
}
// Find the serialized output using
// the param() method
let serializedOutput = $.param(course);
// Display it on the page
$("#output").text(serializedOutput);
}
</script>
</body>
</html>
Producción:
Ejemplo 2: Este ejemplo usa comparar las diferencias cuando se usa el parámetro tradicional.
HTML
<!DOCTYPE html>
<html>
<head>
<script src=
"https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<h1 style="color: green">GeeksforGeeks</h1>
<h3>What is the use of param() method?</h3>
<p>The object to be serialized is:</p>
<pre>
let geeks = {
courses: [
"C++",
"Python",
"JavaScript"
],
articles: [
"Competitive",
"Placement"
],
price: "Free",
rating: 4.8
}
</pre>
<p>Click on the button to use the param()
method for serializing the object</p>
<button onclick="serializeObject()">
Serialize object
</button>
<p><b>Serialized Output:</b></p>
<div id="output"></div>
<p><b>Serialized Output Traditional:</b></p>
<div id="output-traditional"></div>
<script type="text/javascript">
function serializeObject() {
// The object to serialize
let geeks = {
courses: [
"C++",
"Python",
"JavaScript"
],
articles: [
"Competitive",
"Placement"
],
price: "Free",
rating: 4.8
}
// Find the serialized output using
// the param() method and display it
$("#output").text(
$.param(geeks)
);
// Using the param() method with the
// traditional parameter set to true
// and display it
$("#output-traditional").text(
$.param(geeks, true)
);
}
</script>
</body>
</html>
Producción:
Referencia: https://api.jquery.com/jquery.param/
Publicación traducida automáticamente
Artículo escrito por sayantanm19 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA