Publicación de JSON con HTTPHeader personalizado Campo

Question

He heredado algún código que eventualmente formará parte de una llamada de API. Según el código existente, la llamada es una publicación para recuperar el código JSON con access_token. Si bien esto normalmente sería simple y como cualquier otra API, este código requiere que haya un campo httpheader personalizado para el secreto del cliente.

Pude hacer que esto funcionara en Objective C con URLRequest, etc. pero ahora que estoy creando la llamada para un componente web, me han bloqueado.

estoy usando un poste de jQuery bastante estándar

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

Con un http-equiv en la cabecera. Pero la publicación nunca recupera datos y el servidor en sí no reconoce que se realizó ninguna llamada (incluso una incompleta).

Es posible que tenga que eliminar este código y empezar de nuevo, pero si alguien ha tenido este problema antes, por favor ofrezca alguna información.

Answer 1

Lo que ha publicado tiene un error de sintaxis, pero no importa ya que no puede pasar los encabezados HTTP a través del $.post().

Siempre que tenga la versión jQuery> = 1.5, cambie a $.ajax() y pase la opción headers (docs). (Si se encuentra en una versión anterior de jQuery, te voy a mostrar cómo hacerlo a través de la opción 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

traté como usted ha mencionado, pero sólo primer parámetro está pasando y descansar todos son que aparece en el servidor como undefined. Estoy pasando JSONWebToken como parte del encabezado.

.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

si uno quiere usar .post() continuación Esto establecerá las cabeceras de todos los futuros petición hecha con jQuery

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

luego hacer su .post() llama de forma normal.