Posta API integrálása

Posta API integrálása
2020-12-20T23:57:38+01:00
2020-12-21T15:48:42+01:00
2022-10-15T21:26:16+02:00
peblu
Sziasztok!

Elakadtam a Magyar Posta API integrálásával. Van valakinek tapasztalata? Vagy csinált hasonlót?
Leírás itt: PostaPont API
Ami egyértelmű:
1 / jQuery függvénykönyvtár beillesztése. Ez meg van adva és a <head> </head>HTML tag-ek közé kerül.
2 / Google térkép API beillesztése. Ez meg van adva és <head> </head>HTML  tag-ek közé kerül.
3 / PostaPont API beillesztése. Ugyan az min az előző kettőben.
A bizonytalanság kezdete:
megrendelő form-ba kell beépíteni. Be kell kérni az irányító számot.

Irányítószám:<input type="text" id="ugyfelform_iranyitoszam"> <input type="hidden" id="valasztott_postapont" name="valasztott_postapont" value="">
feltételezem, hogy ez után kell az előzőt beilleszteni, vagy nem, de ez a leírósból nem derül ki

<div id="container" action="" method="post" onsubmit="return false;"></div>
<div id="postapontvalasztoapi"></div>
A továbbiaban nem tudtam továbblépni:
<script type="text/javascript"> ppapi.linkZipField('ugyfelform_iranyitoszam'); //<-- A megrendelõ form input elemének a megjelölése (beállítása a kiválasztó számára) ppapi.insertMap('postapontvalasztoapi'); //<-- PostaPont választó API beillesztése (ilyen azonosítóval rendelkezõ DOM objektumba) ppapi.onSelect = function(data){ //<-- Postapont kiválasztásra bekövetkezõ esemény lekötése // Minta! A kiválasztott PostaPont adatainak visszaírása a megrendelõ form rejtett mezõjébe. jQuery('#valasztott_postapont').val( data['name'] + '|' +data['zip'] +'|'+ data['county'] +'|'+ data['address'] ); // Minta! Adatkiírás, a PostaPont minden adatát megjeleníti. Csak fejlesztési segédlet! var s = "A választott átvevõhely adatai:\n"; for(i in data) s += i+': '+data
+"\n"; s += '\nA választott átvevõhely adatai beleíródtak a megrendelõ form megadott objektumába is:\n'; s += jQuery('<div/>').append(jQuery('#valasztott_postapont').clone()).html(); alert(s); }; </script>

Az irányító szám bekerül a 'ugyfelform_iranyitoszam' változóban, ez egyértelmü. De mi a postapont választó API? Azt hova teszem? Az egész a adatbekérő form-ba kerül, vagy meghívom?
Szóval hogyan tovább?
Ha van akinek ez egyszerű, vagy átlátja, kérem segítsen.
Előre is köszönöm.
Mutasd a teljes hozzászólást!
1.) ppapi.linkZipField('ugyfelform_iranyitoszam');

itt adod meg azt a form mezőt, amibe az irányítószámot beírta az ügyfél és ebből olvassa ki a postapont API javascriptje

2.) ppapi.insertMap('postapontvalasztoapi');

ez a sor beilleszti a Google Térképes keresőt a formodba

3.) ppapi.onSelect = function(data){
függvény kezdete - mi történjen az adatokkal, amikor a postapont választása megtörtént (kattintás)

3.1) jQuery('#valasztott_postapont').val( data['name'] + '|' +data['zip'] +'|'+ data['county'] +'|'+ data['address'] );

a valasztott_postapont IDjú mezőbe beleírja "|"-vel elválasztva a visszakapott adatokat

ezt zárod le egy } jellel.

Az onSelect = function(data) .... részen belül azt csinálsz a visszakapott adatokkal, amit akarsz... kitöltheted pl a "Szállítási cím" mezőket... data['name'], data['zip'] .... változókkal


Így ha az ügyfél leadja a rendelést akkor azt látja hogy számlázási cím az, amit beírt, szállítási cím pedig az, amit a kiválasztott postapont adott...

Milyen kérdésed van még?
Mutasd a teljes hozzászólást!

  • A harmadik lépés a posta saját függvénygyűjteményének a beillesztésre az oldaladra, ez fogja vezérelni a formod kitöltését:

    3) PostaPont API beillesztése Végül meg kell hívni magát a PostaPont alkalmazást és a hozzá tartozó stílusosztályt is az alábbi módon: (szintén a-ben az előző sorok után).


    tehát az már benne van így az űrlapodban
    Mutasd a teljes hozzászólást!
  • Kedves tbady olvasom a válaszodat. Nagyon köszönöm, de nem áll össze. Megtennéd, hogy egy kicsit részletesebben leírnád. 

    Köszönöm
    Mutasd a teljes hozzászólást!
  • 1.) ppapi.linkZipField('ugyfelform_iranyitoszam');

    itt adod meg azt a form mezőt, amibe az irányítószámot beírta az ügyfél és ebből olvassa ki a postapont API javascriptje

    2.) ppapi.insertMap('postapontvalasztoapi');

    ez a sor beilleszti a Google Térképes keresőt a formodba

    3.) ppapi.onSelect = function(data){
    függvény kezdete - mi történjen az adatokkal, amikor a postapont választása megtörtént (kattintás)

    3.1) jQuery('#valasztott_postapont').val( data['name'] + '|' +data['zip'] +'|'+ data['county'] +'|'+ data['address'] );

    a valasztott_postapont IDjú mezőbe beleírja "|"-vel elválasztva a visszakapott adatokat

    ezt zárod le egy } jellel.

    Az onSelect = function(data) .... részen belül azt csinálsz a visszakapott adatokkal, amit akarsz... kitöltheted pl a "Szállítási cím" mezőket... data['name'], data['zip'] .... változókkal


    Így ha az ügyfél leadja a rendelést akkor azt látja hogy számlázási cím az, amit beírt, szállítási cím pedig az, amit a kiválasztott postapont adott...

    Milyen kérdésed van még?
    Mutasd a teljes hozzászólást!
Tetszett amit olvastál? Szeretnél a jövőben is értesülni a hasonló érdekességekről?
abcd