jQuery $.param() módszer

A folyamatos értékeket lehet használni az URL lekérdezési karakterláncban, egy AJAX kéréshez.
Maximum URL hossz, 2048 karakter lehet.

$.param() módszer:         jQuery objektum adatainak sorosítása, szérializálása.

                            Meglévő objektum adatait paramétereit szérializálja, azaz, sorba rendezi adatokat úgy, hogy azok, megfeleljenek a
                            kimeneti eredménynek, URL lekérdezési karakterlánc formátumnak.
                            Karakterlánc formátumnak tartalmaznia kell, kimeneti elemek név / érték tulajdonságait.
                            Ez a funkció használható belsőleg, űrlap elem értékeinek átalakítására, egy szerializált karakteres ábrázolásra.
Szintaxisa:
$.param(object,trad)
        object        Kötelező. Meg kell adni egy tömb nevét vagy objektum nevét, melyet szerializálni kell.
        trad           Választható. Logikai érték, amely megadja, hogy a paraméterek sorosításának hagyományos stílusát kell-e használni, vagy sem.

jQuery.param(obj)
           obj       Kötelező. Típus: Array vagy PlainObject vagy jQuery objektum, a sorosításhoz.    ( PlainObject = Sima objektum. )
		   
jQuery.param (obj, traditional)
           obj             Kötelező. Típus: Array vagy PlainObject vagy jQuery objektum, a sorosításhoz.
           traditional (hagyományos) Típus: logikai. Jelzi, végre kell-e hajtani, a hagyományos "shallow", azaz sekély szérializálást.
                                        jQuery 1.4 előtt, a traditional érv, true:

Megjegyzés: 
 Nincs általánosan egyeztetett specifikáció param-okra, nem lehet kódolni az összetett adatszerkezeteket ezzel a módszerrel olyan módon,
 hogy ideálisan működjön minden nyelv támogatásával az ilyen bemenet. 
 Használja a JSON formátum alternatívájaként kódolására, komplex adatok helyett.
    Bővebben itt: http://api.jquery.com/jquery.param/    vagy    https://www.w3schools.com/jquery/ajax_param.asp

1. Példa.

<head>
          <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>  
<script>
$(document).ready(function(){
         var parameterek = { width:1680, height:1050 };
         var jQpmAdat = jQuery.param( parameterek );
                $("#jQparam" ).text( jQpmAdat );
});
</script>
</head>
<body>

<div id="jQparam" style="color: red;"></div>

</body>

Fenti program eredménye:

2. Példa.

Egy szerializált objektum, kimeneti eredménye:

<head>
          <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>  
<script>
$(document).ready(function(){
         szemelyAdat = new Object();
                 szemelyAdat.utoneve = "Param";
                 szemelyAdat.vezetekneve = "Jquery";
                 szemelyAdat.eletkora = 20;
                 szemelyAdat.beosztasa = "SorosSzerialize"; 
	
         $("#btn01").click(function(){
             $("#divparam").text($.param(szemelyAdat));
         });
});
</script>
</head>

<body>
<button id="btn01">objektum adatainak (paramétereinek) <br>sorosítása (Serialize)</button>

<div id="divparam"></div>

</body>

A rekurzió használata lehetővé teszi programoknak (az algoritmusok) leegyszerűsítését és jobban átlátható kód készítését.
Dekódolás, valamely kód jelrendszerével, kifejezett információ megfejtése, üzenetté való visszaalakítása.

3. Példa.

Megjelenítjük a query string-et egy object ábrázolásánál és egy URI-dekódolt változatát, az alábbiak szerint.
Ne feledjük, maximum URL hossz, 2048 karakter lehet.

<head>
          <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>  
<script>
$(document).ready(function(){
       var TesztObject = {
              a: { egy: 1, ketto: 2, harom: 3 },
              b: [ 1, 2, 3 ]
           };
       var recursiveEncoded = $.param( TesztObject );
                $("#recuenkod").text(recursiveEncoded);
       var recursiveDecoded = decodeURIComponent( $.param( TesztObject ) );
                $("#recudekod").text(recursiveDecoded);
});
</script>
</head>

</body>
      <p> recursiveEncoded :<br> <span id="recuenkod"></span> </p>
      <p> recursiveDecoded :<br> <span id="recudekod"></span> </p>
</body>

Fenti program eredményei: ( Encoded és egy URI-dekódolt változat, ábrázolása.)

recursiveEncoded :

recursiveDecoded :

4. Példa.

A shallow (sekély, felszines) coded.

<head>
          <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>  
<script>
$(document).ready(function(){

var Teszt2Object = {
  a: { one: 1, two: 2, three: 3 },
  b: [ 1, 2, 3 ]
};
     var shallowEncoded = $.param( Teszt2Object, true );
            $("#Shlowenkod").text(shallowEncoded);
     var shallowDecoded = decodeURIComponent( shallowEncoded );
            $("#Shlowdekod").text(shallowDecoded);
 
});
</script>
</head>

<body>
      <p> shallowEncoded :<br> <span id="Shlowenkod"></span> </p>
      <p> shallowDecoded :<br> <span id="Shlowdekod"></span> </p>
</body>

Fenti program eredményei:

shallowEncoded :

shallowDecoded :