Post JSON con campo HTTPHeader personalizzato

Question

Ho ereditato del codice che alla fine farà parte di una chiamata API. Sulla base del codice esistente, la chiamata è un post per recuperare il codice JSON con un access_token. Mentre questo sarebbe normalmente semplice e come ogni altra API là fuori, questo codice richiede che ci sia un campo httpheader personalizzato per il segreto del client.

Sono riuscito a farlo funzionare in Objective C con URLRequest, ecc. Ma ora che sto creando la chiamata per un componente Web, sono stato bloccato.

Sto usando un post jquery piuttosto standard

 $.post('https://url.com', 
     {access_token:'XXXXXXXXXXXXXXXXXXX', 
     function(data){ 
      console.info(data); 
     }, 'json'); 

Con un http-equiv nell'intestazione. Ma il post non recupera mai i dati e il server stesso non riconosce che è stata effettuata alcuna chiamata (anche incompleta).

Potrei dover rottamare questo codice e ricominciare da capo, ma se qualcuno ha riscontrato questo problema in precedenza, si prega di offrire qualsiasi intuizione.

Answer 1

Quello che hai postato ha un errore di sintassi, ma non fa alcuna differenza dato che non puoi passare le intestazioni HTTP tramite $.post().

A condizione che tu sia in versione jQuery> = 1,5, passare a $.ajax() e passare l'opzione headers (docs). (Se siete su una versione precedente di jQuery, vi mostrerò come farlo tramite l'opzione beforeSend.)

$.ajax({ 
    url: 'https://url.com', 
    type: 'post', 
    data: { 
     access_token: 'XXXXXXXXXXXXXXXXXXX' 
    }, 
    headers: { 
     Header_Name_One: 'Header Value One', //If your header name has spaces or any other char not appropriate 
     "Header Name Two": 'Header Value Two' //for object property name, use quoted notation shown in second 
    }, 
    dataType: 'json', 
    success: function (data) { 
     console.info(data); 
    } 
}); 

Answer 2

ho cercato come lei ha ricordato, ma solo il primo parametro sta attraversando e riposo sono tutti visualizzato nel server come undefined. Sto passando JSONWebToken come parte dell'intestazione.

.ajax({ 
    url: 'api/outletadd', 
    type: 'post', 
    data: { outletname:outletname , addressA:addressA , addressB:addressB, city:city , postcode:postcode , state:state , country:country , menuid:menuid }, 
    headers: { 
     authorization: storedJWT 
    }, 
    dataType: 'json', 
    success: function (data){ 
     alert("Outlet Created"); 
    }, 
    error: function (data){ 
     alert("Outlet Creation Failed, please try again.");   
    } 

    }); 

Answer 3

se si vuole usare .post() poi Questo imposterà intestazioni per tutti i futuri richiesta fatta con jQuery

$.ajaxSetup({ 
    headers: { 
     'Content-Type': 'application/json', 
     'Accept': 'application/json' 
    } 
}); 

quindi rendere il vostro .post() chiama come di consueto.