Estoy desarrollando una aplicación web basada en Java. En mi aplicación, hay algunos datos que deben recuperarse sin recargar la página. Entonces, estoy usando AJAX en jquery framework.

Nota: estoy usando el servidor web tomcat

 $(document).ready(AjaxFunction); function AjaxFunction(){ $.ajax({ type: "GET", url : "/DemoApp/sampleData.txt", beforeSend: function(xhr){ xhr.setRequestHeader("some-custom-header","my-name"); }, //headers: { 'some-custom-header': 'myname' }, success : function(){ console.log("Working !!!"); }, complete : function(){ setTimeout(AjaxFunction, 5000); } }); }

En realidad, la solicitud de ajax es exitosa. Pero cuando trato de inspeccionar el encabezado de la solicitud con las herramientas de desarrollo de Chrome, no puedo encontrar el encabezado de la solicitud.

Comportamiento esperado: aquí podemos ver que los encabezados de solicitud están disponibles para dropArea.html

Espero lo mismo para sampleData.txt

Comportamiento real: aquí, los encabezados de solicitud no están disponibles para sampleData.txt