2014-11-11 13 views
6

Ho un codice restAPI da un programmatore di JNE, la società è l'acronimo di servizio di consegna.Generare POSTMAN in una pagina Web con JSON o qualcosa di simile

Si dice che questa API può essere eseguito in POSTINO (Google Chrome Application)

Funziona benissimo nel postino, dove in questa applicazione ho solo bisogno di inserire il request URL (che ho ottenuto dalla società JNE) e due intestazione di chiavi e valori come segue;

KEY       VALUE 
---------------------------------------------- 
username      mycompany 
api key      4534645756864234523424 

Il metodo per questo è POST e quando ho postato, mi dà i risultati come come previsto.

Il mio problema ora è, come posso eseguire questo codice nella mia pagina, in modo che non sia necessario eseguirlo in postino.

Sono solo oggi per imparare JSON se qualcuno mi può aiutare con questo.

[AGGIORNAMENTO INTERROGAZIONE 1]

{ 
"version":1, 
"collections": 
    [ 
     { 
      "id":"c8b12431-8586-cbdd-aef7-056ec177509a", 
      "name":"asdasdadasdasdasd", 
      "timestamp":1415593872130, 
      "requests": 
       [ 
        { 
         "collectionId":"c8b12431-8586-cbdd-aef7-056ec177509a", 

         "id":"d1b2ed66-781d-d02e-c4eb-0416dd3e07a1", 

         "name":"http://api.jne.co.id:8889/tracing/mycompany/origin/key/jak", 

         "description":"", 

         "url":"http://api.jne.co.id:8889/tracing/mycompany/origin/key/jak", 

         "method":"POST", 

         "headers":"username: mycompany\napi_key:089a12ffb8cd5009bdfa4ba5bdb9ee26\n", 

         "data": 
           [ 
            { 
             "key":"username", 
             "value":"mycompany", 
             "type":"text" 
            }, 

            { 
             "key":"api_key", 
             "value":"dsfsdfsdfs98d98sdfsdf9898dsfs", 
             "type":"text" 
            } 
           ], 

         "dataMode":"params", 
         "timestamp":0, 
         "responses":[], 
         "version":2 
        } 
       ] 
      } 
     ], 



"environments":[], 
"headerPresets":[], 
"globals":[] 
} 

Dalla domanda aggiornamento sopra; la mia prima domanda è:]

In quale formato devo salvare questo file: JSON? o cosa?

Devo salvare questo file in un file con la mia pagina Web? o Posso salvarlo come file esterno?

Dal codice di cui sopra, ho ottenere il risultato come segue:

{ 
      "detail": [ 
       { 
        "code": "CGK10000", 
        "label": "JAKARTA" 
       }, 
       { 
        "code": "CGK10100", 
        "label": "JAKARTA BARAT" 
       }, 
       { 
        "code": "CGK10300", 
        "label": "JAKARTA PUSAT" 
       }, 
       { 
        "code": "CGK10200", 
        "label": "JAKARTA SELATAN" 
       }, 
       { 
        "code": "CGK10500", 
        "label": "JAKARTA TIMUR" 
       }, 
       { 
        "code": "CGK10400", 
        "label": "JAKARTA UTARA" 
       } 
      ] 
     } 

Se si dispone di uno sguardo al "label" è generato dalla chiave dell'ultima stringa nel: "name":"http://api.jne.co.id:8889/tracing/mycompany/origin/key/jak",



il risultato dell'etichetta dall'ultimo stringa di jak, è ciò che voglio inserire in un tag html a discesa, in cui l'utente sceglierà (il nome della posizione).




[Update con codice completo]

POST /tracing/mycompany/origin/key/jak HTTP/1.1 
Host: api.jne.co.id:8889 

Content-Type: application/json 
username: mycompany 
api_key: 089a12ffb8cd5009bdfa4ba5bdb9ee26 

{ 
"version":1, 
"collections": 
    [ 
     { 
      "id":"c8b12431-8586-cbdd-aef7-056ec177509a", 
      "name":"asdasdadasdasdasd", 
      "timestamp":1415593872130, 
      "requests": 
       [ 
        { 
         "collectionId":"c8b12431-8586-cbdd-aef7-056ec177509a", 

         "id":"d1b2ed66-781d-d02e-c4eb-0416dd3e07a1", 

         "name":"http://api.jne.co.id:8889/tracing/mycompany/origin/key/jakarta", 

         "description":"", 

         "url":"http://api.jne.co.id:8889/tracing/mycompany/origin/key/jakarta", 

         "method":"POST", 

         "headers":"username: mycompany\napi_key:089a12ffb8cd5009bdfa4ba5bdb9ee26\n", 

         "data": 
           [ 
            { 
             "key":"username", 
             "value":"mycompany", 
             "type":"text" 
            }, 

            { 
             "key":"api_key", 
             "value":"089a12ffb8cd5009bdfa4ba5bdb9ee26", 
             "type":"text" 
            } 
           ], 

         "dataMode":"params", 
         "timestamp":0, 
         "responses":[], 
         "version":2 
        } 
       ] 
      } 
     ], 



"environments":[], 
"headerPresets":[], 
"globals":[] 
} 



Ho salvato questo file come jne.json e jne.html ma il browser mostra solo il codice completo insted mostra il risultato come fa il postino. Penso che ci siano molte cose che mi mancano qui.

+0

Quale linguaggio di programmazione stai utilizzando? –

+0

Mi dispiace signore, per quanto ho questa volta, sto usando PHP nella mia pagina web. Ma penso che restAPI stia usando JSON. Lo imparo se necessario, perché questa è la prima volta che affronto JSON. Aiuto – alisa

+0

Questo non è focalizzato su JSON, è più su HTTP. JSON è usato solo per il carico utile. Puoi anche usare XML. JSON stesso è davvero semplice. Troverai molte informazioni su [questo sito] (http://www.json.org). Per ottenere gli stessi risultati di Postman è necessario costruire la stessa richiesta in PHP (che non mi è familiare), il che significa che è necessario caricare il payload JSON nell'URL specificato e aggiungere le due intestazioni alla richiesta. –

risposta

2

La richiesta POST sarà simile alla seguente

POST /tracing/mycompany/origin/key/jak HTTP/1.1 
Host: api.jne.co.id:8889 

Content-Type: application/json 
username: mycompany 
api_key: 089a12ffb8cd5009bdfa4ba5bdb9ee26 

{ 
    ... your JSON ... 
} 

È possibile salvare JSON con l'estensione del file .json. Se la tua richiesta è sempre la stessa puoi salvare questo file con la tua pagina web, ma normalmente una richiesta HTTP viene costruita prima dell'invio (ciò significa che normalmente invii richieste diverse). Per compilare l'elenco a discesa devi solo analizzare la risposta JSON.

+0

è quello che hai taggato come "... il tuo JSON ..." è il codice che ho scritto sopra? grazie – alisa

+0

Sì, ad eccezione dei campi di intestazione aggiunti in seguito. Appartengono all'intestazione HTTP. –

+0

Si prega di dare un'occhiata al mio 'aggiornamento con codice completo' sopra. – alisa

Problemi correlati