parsererror when calling jasperreport from ajax in spring mvc

I'm calling endpoint from jquery ajax to generate jasperreport using spring mvc and I want to view generated report as pdf in new browser tab.
The problem is that I'm getting report parsererror with conversion failure from text to application/pdf error returned to ajax ,and if I make debug of the request from browser I see pdf text obtained in response

Here is Ajax code that calls the spring mvc method

var developerData = {};
		developerData["from"] = $("#productivity_dateTimeFrom").val();
		developerData["to"] = $("#productivity_dateTimeTo").val();
		$.ajax({
			type : "POST",
			contentType : "application/json; charset=utf-8",
			url : 'Productivity',
			data : JSON.stringify(developerData),
			dataType : 'application/pdf',
			success : function(data) {					
				window.open(data.fileUrl);
			},
			error : function(request,status,error){
				alert(request)
				alert(status)
				alert(error)
			}
		});

Spring mvc method to be called from ajax:

@RequestMapping(value = "/Productivity", method = RequestMethod.POST, produces ="application/pdf")
@ResponseBody
public ResponseEntity<byte[]> runReport(@RequestBody String object) throws IOException, JRException {

	db_con db_con = new db_con();
	Resource resource = new ClassPathResource("Productivity.jasper");
	InputStream jasperStream = null;
	Gson g = new Gson();
	try {
		jasperStream = resource.getInputStream();
	} catch (IOException e1) {
		// TODO Auto-generated catch block
		e1.printStackTrace();
	}

	DateTimeRange p = g.fromJson(object, DateTimeRange.class);
	Map<String, Object> params = new HashMap<String, Object>();
	params.put("p_from_date",dateUtils.convertStringToTimestamp(p.getFrom().replace("T", " ")+":00.000"));
	params.put("p_to_date",dateUtils.convertStringToTimestamp(p.getTo().replace("T", " ")+":00.000"));
	params.put("username", "admin");
	params.put("p2", 1L);
	params.put("p3", "All");
	JasperReport jasperReport = null;

	try {
		jasperReport = (JasperReport) JRLoader.loadObject(jasperStream);
	} catch (JRException e) {
		// TODO Auto-generated catch block
		e.printStackTrace();
	}

	Connection rep_connection = null;

	try {
		rep_connection = db_con.get_connection();
	} catch (ClassNotFoundException e) {
		// TODO Auto-generated catch block
		e.printStackTrace();
	}
	
	JasperPrint jasperPrint = null;
	try {
		jasperPrint = JasperFillManager.fillReport(jasperReport, params, rep_connection);
	} catch (JRException e) {
		// TODO Auto-generated catch block
		e.printStackTrace();
	}
	
	final ByteArrayOutputStream outStream = new ByteArrayOutputStream();
	
    try {
		JasperExportManager.exportReportToPdfStream(jasperPrint, outStream);
	} catch (JRException e) {
		// TODO Auto-generated catch block
		e.printStackTrace();
	}

    HttpHeaders headers = new HttpHeaders();

    headers.setContentType(MediaType.APPLICATION_PDF);
    String filename = "report.pdf";

    headers.add("content-disposition", "inline;filename=" + filename);

    return new ResponseEntity<>(outStream.toByteArray(), headers, HttpStatus.OK);

}

Try downloading the pdf as a blob and using a blob url to view it

    $.ajax({
        type : "POST",
        contentType : "application/json; charset=utf-8",
        url : 'Productivity',
        data : JSON.stringify(developerData),
        xhrFields:{
            responseType: 'blob'
        },
        success : function(data) {                  
            window.open(URL.createObjectURL(data));
        },
        error : function(request,status,error){
            alert(request)
            alert(status)
            alert(error)
        }
    });