Heim  >  Artikel  >  php教程  >  jQuery.ajax implementiert unterschiedliche Antworten basierend auf unterschiedlichen Inhaltstypen

jQuery.ajax implementiert unterschiedliche Antworten basierend auf unterschiedlichen Inhaltstypen

高洛峰
高洛峰Original
2016-12-07 16:44:511315Durchsuche

Verwenden Sie den H5+ASP.NET General Handler, um Projekte zu entwickeln, und verwenden Sie Ajax für die Front-End- und Back-End-Kommunikation. Es gibt eine Szenarioanforderung, dass das Frontend je nach den verschiedenen vom Server zurückgegebenen Datentypen unterschiedlich reagiert. Hier finden Sie eine Aufzeichnung darüber, wie $.ajax verwendet wird, um diese Anforderung zu erfüllen.

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


Das Obige zeigt, wie jQuery.ajax unterschiedliche Antworten basierend auf verschiedenen Inhaltstypen implementiert. Bitte achten Sie auf verwandte PHP-Inhalte Website (www.php.cn)!


Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn