Jquery.ajax respond differently to different content-type

Use the H5+asp.net General Handler development project to use AJAX for front-end communication. One scenario requirement is that the front end responds differently based on the different data types returned by the server, documenting how to use $.ajax to implement the requirement.

$.ajax ({' URL ': ' Getwatermarkinfo.ashx ',    ' type ': ' Post ',    ' Data ': {' Bgstyle ': bgstyle, ' watermark ': Watermark}, Success:function(data, status, XHR) {//Use the getResponseHeader method of the XMLHttpRequest object to get content-type information        varct = Xhr.getresponseheader ("Content-type") | | ""; if(Ct.indexof (' Application/json ') >-1) {            if(Data. Status = = ' ERROR ') {alert (data.            Message); }            Else if(Data. Status = = ' OK ') {                $(' #watermarkImg '). attr (' src ', ' generatewatermark.ashx?bgstyle= ' + bgstyle + ' &watermark= ' +watermark); }            Else{alert (' Unknown error! '); }        }        Else{alert (' Unexpectecd content-type! '); }}, Error:function(message) {alert (' ERROR: ' +message); }})

Reference article:

Ajax Content Type Handling in JQuery
Jquery.ajax () | JQuery API Documentation

Jquery.ajax respond differently to different content-type