jQuery.ajax는 다양한 콘텐츠 유형을 기반으로 다양한 응답을 구현합니다.

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);
}
})

위는 jQuery.ajax가 다양한 Content-Type을 기반으로 다양한 응답을 구현하는 방법입니다. 더 많은 관련 콘텐츠에 주목하세요. PHP 중국어. 홈페이지(www.php.cn)!