---
title: Request.headers
slug: Web/API/Request/headers
translation_of: Web/API/Request/headers
---
<div>{{APIRef("Fetch")}}</div>

<p>La propiedad de solo lectura <strong>headers</strong> de la interface {{domxref("Request")}} es un objeto de tipo {{domxref("Headers")}}, asociado a la petición.</p>

<h2 id="Sintax">Sintax</h2>

<pre class="syntaxbox">var <var>myHeaders</var> = <var>request</var>.headers;</pre>

<h3 id="Valor">Valor</h3>

<p>Un objeto de tipo {{domxref("Headers")}}.</p>

<h2 id="Ejemplo">Ejemplo</h2>

<p>En el siguiente fragmento de código, crearemos una nueva petición utilizando el constructor del {{domxref("Request.Request()")}} (para un archivo de imagen ubicado en el mismo directorio del script), guardamos el encabezado de la petición en una variable:</p>

<pre class="brush: js">var myRequest = new Request('flowers.jpg');
var myHeaders = myRequest.headers; // Headers {}</pre>

<p>Para agregar encabezados al objeto {{domxref("Headers")}} usamos {{domxref("Headers.append")}}; creamos una nueva petición usando el parametro init del constructor y asignamos los encabezados como una opción del parametro init:</p>

<pre class="brush: js">var myHeaders = new Headers();
myHeaders.append('Content-Type', 'image/jpeg');

var myInit = { method: 'GET',
                   headers: myHeaders,
                   mode: 'cors',
                   cache: 'default' };

var myRequest = new Request('flowers.jpg',myInit);

myContentType = myRequest.headers.get('Content-Type'); // returns 'image/jpeg'</pre>

<h2 id="Especificaciones">Especificaciones</h2>

<table class="standard-table">
 <tbody>
  <tr>
   <th scope="col">Especificación</th>
   <th scope="col">Estado</th>
   <th scope="col">Comentario</th>
  </tr>
  <tr>
   <td>{{SpecName('Fetch','#dom-request-headers','headers')}}</td>
   <td>{{Spec2('Fetch')}}</td>
   <td>Definición inicial</td>
  </tr>
 </tbody>
</table>

<h2 id="Compatibilidad_con_navegadores">Compatibilidad con navegadores</h2>



<p>{{Compat("api.Request.headers")}}</p>

<h2 id="Ver_también">Ver también</h2>

<ul>
 <li><a href="/en-US/docs/Web/API/ServiceWorker_API">ServiceWorker API</a></li>
 <li><a href="/en-US/docs/Web/HTTP/Access_control_CORS">HTTP access control (CORS)</a></li>
 <li><a href="/en-US/docs/Web/HTTP">HTTP</a></li>
</ul>