jQuery.ajax實現根據不同的Content-Type做出不同的響應

使用H5+ASP.NET General Handler開發項目，使用ajax進行前后端的通訊。有一個場景需求是根據服務器返回的不同數據類型，前端進行不同的響應，這里記錄下如何使用$.ajax實現該需求。

$.ajax({

‘url‘: ‘GetWatermarkInfo.ashx‘,

‘type‘:‘post‘,

‘data‘: { ‘bgstyle‘: bgstyle, ‘watermark‘: watermark },

success: function (data, status, xhr) {

//使用XMLHttpRequest對象的getResponseHeader方法來獲取content-type信息

var ct = 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);

}

})