jQuery.ajax实现根据不同的Content-Type做出不同的响应


Posted in Javascript onNovember 03, 2016

使用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做出不同的响应,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
javascript 操作Word和Excel的实现代码
Oct 26 Javascript
EasyUI 中 MenuButton 的使用方法
Jul 14 Javascript
多个表单中如何获得这个文件上传的网址实现js代码
Mar 25 Javascript
变量声明时命名与变量作为对象属性时命名的区别解析
Dec 06 Javascript
js实现仿qq消息的弹出窗效果
Jan 06 Javascript
.net MVC+Bootstrap下使用localResizeIMG上传图片
Apr 21 Javascript
完美解决浏览器跨域的几种方法(汇总)
May 08 Javascript
zTree树形插件异步加载方法详解
Jun 14 Javascript
JavaScript实现左侧菜单效果
Dec 14 Javascript
详解封装基础的angular4的request请求方法
Jun 05 Javascript
解决Vue 项目打包后favicon无法正常显示的问题
Sep 01 Javascript
vue 判断页面是首次进入还是再次刷新的实例
Nov 05 Javascript
简单学习vue指令directive
Nov 03 #Javascript
Vue.js常用指令汇总(v-if、v-for等)
Nov 03 #Javascript
巧用Vue.js+Vuex制作专门收藏微信公众号的app
Nov 03 #Javascript
原生javascript实现的ajax异步封装功能示例
Nov 03 #Javascript
探索Vue.js component内容实现
Nov 03 #Javascript
javascript跨域请求包装函数与用法示例
Nov 03 #Javascript
预防网页挂马的方法总结
Nov 03 #Javascript
You might like
德生S2000南麂列岛台湾FM收听记录
2021/03/02 无线电
php动态生成JavaScript代码
2009/03/09 PHP
PHP循环语句笔记(foreach,list)
2011/11/29 PHP
PHP.ini中配置屏蔽错误信息显示和保存错误日志的例子
2014/05/12 PHP
php实现指定字符串中查找子字符串的方法
2015/03/17 PHP
PHP PDOStatement::errorCode讲解
2019/01/31 PHP
才发现的超链接js导致网页中GIF动画停止的解决方法
2007/11/02 Javascript
JavaScript 继承详解(四)
2009/07/13 Javascript
AppBaseJs 类库 网上常用的javascript函数及其他js类库写的
2010/03/04 Javascript
jquery checkbox 勾选的bug问题解决方案与分析
2014/11/13 Javascript
使用纯javascript实现经典扫雷游戏
2015/04/23 Javascript
很不错的两款Bootstrap Icon图标选择组件
2016/01/28 Javascript
Bootstrap CSS布局之代码
2016/12/17 Javascript
Bootstrap 3 按钮标签实例代码
2017/02/21 Javascript
详解如何在Vue2中实现组件props双向绑定
2017/03/29 Javascript
webpack+vuex+axios 跨域请求数据的示例代码
2018/03/06 Javascript
微信小程序绘制半圆(弧形)进度条
2020/11/18 Javascript
[01:02:09]Liquid vs TNC 2019国际邀请赛淘汰赛 胜者组 BO3 第二场 8.21
2020/07/19 DOTA
Python 批量合并多个txt文件的实例讲解
2018/05/08 Python
python利用百度AI实现文字识别功能
2018/11/27 Python
在Python 中实现图片加框和加字的方法
2019/01/26 Python
从0开始的Python学习016异常
2019/04/08 Python
python 并发下载器实现方法示例
2019/11/22 Python
python使用itchat模块给心爱的人每天发天气预报
2019/11/25 Python
美国设计师精美珠宝购物网:Netaya
2016/08/28 全球购物
颇特女士香港官网:NET-A-PORTER香港
2021/03/08 全球购物
PHP如何调用MYSQL存储过程
2014/05/30 面试题
承诺书格式范文
2014/06/03 职场文书
个人四风对照检查材料
2014/09/26 职场文书
秋冬农业生产标语
2014/10/09 职场文书
导盲犬小Q观后感
2015/06/11 职场文书
建议书的格式及范文
2015/09/14 职场文书
技术转让协议书
2016/03/19 职场文书
2019个人年度目标制定攻略!
2019/07/12 职场文书
创业计划书之物流运送
2019/09/17 职场文书
Oracle11g r2 卸载干净重装的详细教程(亲测有效已重装过)
2021/06/04 Oracle