jQuery.ajax實(shí)現(xiàn)根據(jù)不同的Content-Type做出不同的響應(yīng)
更新時(shí)間：2016年11月03日 16:27:34 投稿：mrr
使用H5+ASP.NET General Handler開發(fā)項(xiàng)目，使用ajax進(jìn)行前后端的通訊。有一個(gè)場(chǎng)景需求是根據(jù)服務(wù)器返回的不同數(shù)據(jù)類型，前端進(jìn)行不同的響應(yīng)，這里記錄下如何使用$.ajax實(shí)現(xiàn)該需求,需要的朋友可以參考下
使用H5+ASP.NET General Handler開發(fā)項(xiàng)目，使用ajax進(jìn)行前后端的通訊。有一個(gè)場(chǎng)景需求是根據(jù)服務(wù)器返回的不同數(shù)據(jù)類型，前端進(jìn)行不同的響應(yīng)，這里記錄下如何使用$.ajax實(shí)現(xiàn)該需求。
$.ajax({
‘url‘: ‘GetWatermarkInfo.ashx‘,
‘type‘:‘post‘,
‘data‘: { ‘bgstyle‘: bgstyle, ‘watermark‘: watermark },
success: function (data, status, xhr) {
//使用XMLHttpRequest對(duì)象的getResponseHeader方法來獲取content-type信息
var ct = xhr.getResponseHeader("content-type") || "";
if (ct.indexOf(‘a(chǎn)pplication/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實(shí)現(xiàn)根據(jù)不同的Content-Type做出不同的響應(yīng)，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
JQuery的AJAX實(shí)現(xiàn)文件下載的小例子
JQuery的ajax函數(shù)的返回類型只有xml、text、json、html等類型，沒有“流”類型，所以我們要實(shí)現(xiàn)ajax下載，不能夠使用相應(yīng)的ajax函數(shù)進(jìn)行文件下載。但可以用js生成一個(gè)form，用這個(gè)form提交參數(shù)，并返回“流”類型的數(shù)據(jù)。在實(shí)現(xiàn)過程中，頁面也沒有進(jìn)行刷新2013-05-05
基于jQuery滑動(dòng)桿實(shí)現(xiàn)購買日期選擇效果
這是一款基于jQuery的滑動(dòng)桿購買日期選擇插件，它的外觀仿的是阿里云的服務(wù)器購買日期選擇界面。這款jQuery插件非常適合在一些虛擬產(chǎn)品購買頁面上使用，它可以幫助你的用戶快速選擇產(chǎn)品的購買日期，感興趣的朋友跟著小編學(xué)習(xí)吧2015-09-09
jQuery實(shí)現(xiàn)伸展與合攏panel的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)伸展與合攏panel的方法,可實(shí)現(xiàn)操作div層的平滑收縮與展開的功能,涉及jQuery中next、slideUp、slideDown等方法的使用技巧,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2015-04-04
Jquery+JSon 無刷新分頁實(shí)現(xiàn)代碼
基于jquery+json格式文件的無刷新分頁實(shí)現(xiàn)代碼，需要的朋友可以參考下。2010-04-04
百度搜索自動(dòng)聯(lián)想提示效果，想必大家都有見到過吧，下面本文也為大家也是一個(gè)高仿的類似效果2014-05-05
推薦40款強(qiáng)大的 jQuery 導(dǎo)航插件和教程(上篇)
在下面的集合中，你會(huì)發(fā)現(xiàn)很多便利的 jQuery 導(dǎo)航插件和有用的教程，幫助你實(shí)現(xiàn)充滿吸引力的網(wǎng)站導(dǎo)航，讓你網(wǎng)站更有組織性和交互性2012-09-09
這篇文章主要為大家詳細(xì)介紹了jquery橫向縱向鼠標(biāo)滾輪全屏切換效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-02-02
使用JQuery庫提供的擴(kuò)展功能實(shí)現(xiàn)自定義方法
如何沒有任何一個(gè)庫可以滿足所有的需求，可以使用JQuery庫提供的擴(kuò)展功能，下面有個(gè)示例，大家可以看看2014-09-09
jquery判斷復(fù)選框是否選中進(jìn)行答題提示特效
這篇文章主要介紹了jquery判斷復(fù)選框是否選中進(jìn)行答題提示特效，感興趣的小伙伴們可以參考一下2015-12-12
jQuery UI-Draggable常用參數(shù)集合。2010-01-01