jQuery.ajax implements different responses based on different Content-Types-PHP开发-php.cn

Home

php教程

PHP开发

jQuery.ajax implements different responses based on different Content-Types

高洛峰

Dec 07, 2016 pm 04:44 PM

Use H5+ASP.NET General Handler to develop projects and use ajax for front-end and back-end communication. There is a scenario requirement that the front end responds differently according to different data types returned by the server. Here is a record of how to use $.ajax to achieve this requirement.

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

Copy after login

The above is the content of jQuery.ajax implementing different responses according to different Content-Types. For more related content, please pay attention to the PHP Chinese website (www.php.cn)!

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn