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 相关文章推荐
jquery 中多条件选择器,相对选择器,层次选择器的区别
Jul 03 Javascript
原生JS可拖动弹窗效果实例代码
Nov 09 Javascript
我的Node.js学习之路(二)NPM模块管理
Jul 06 Javascript
javascript 回调函数详解
Nov 11 Javascript
js实现正则匹配中文标点符号的方法
Dec 23 Javascript
jquery中的常见问题及快速解决方法小结
Jun 14 Javascript
AngularJs 常用的过滤器
May 15 Javascript
JS自定义函数实现时间戳转换成date的方法示例
Aug 27 Javascript
JavaScript数据结构之双向链表定义与使用方法示例
Oct 27 Javascript
Vue实现动态创建和删除数据的方法
Mar 17 Javascript
Vue实现按钮级权限方案
Nov 21 Javascript
javascript实现时钟动画
Dec 03 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
法压式咖啡之制作法
2021/03/03 冲泡冲煮
探讨PHP中this,self,parent的区别详解
2013/06/08 PHP
IIS+fastcgi下PHP运行超时问题的解决办法详解
2013/06/20 PHP
PHP不用递归实现无限分级的例子分享
2014/04/18 PHP
php出现内存位置访问无效错误问题解决方法
2014/08/16 PHP
PHP加密解密字符串汇总
2015/04/26 PHP
PHP实现上一篇下一篇的方法实例总结
2016/09/22 PHP
php使用json_decode后数字对象转换成了科学计数法的解决方法
2017/02/20 PHP
使用indexOf等在JavaScript的数组中进行元素查找和替换
2013/09/18 Javascript
JS获取单击按钮单元格所在行的信息
2014/06/17 Javascript
几种经典排序算法的JS实现方法
2016/03/25 Javascript
JQuery EasyUI学习教程之datagrid 添加、修改、删除操作
2016/07/09 Javascript
jQuery树形插件jquery.simpleTree.js用法分析
2016/09/05 Javascript
Javascript for in的缺陷总结
2017/02/03 Javascript
jQuery实现的页面遮罩层功能示例【测试可用】
2017/10/14 jQuery
Vue.js 中的 v-show 指令及用法详解
2018/11/19 Javascript
vue 地图可视化 maptalks 篇实例代码详解
2019/05/21 Javascript
Javascript摸拟自由落体与上抛运动原理与实现方法详解
2020/04/08 Javascript
[03:36]DOTA2完美大师赛coL战队趣味视频——我演你猜
2017/11/23 DOTA
Python中Collections模块的Counter容器类使用教程
2016/05/31 Python
Python全排列操作实例分析
2018/07/24 Python
python实现各种插值法(数值分析)
2019/07/30 Python
Python按照list dict key进行排序过程解析
2020/04/04 Python
K近邻法(KNN)相关知识总结以及如何用python实现
2021/01/28 Python
利用CSS3的flexbox实现水平垂直居中与三列等高布局
2016/09/12 HTML / CSS
PHP面试题及答案二
2015/05/23 面试题
普通大学毕业生自荐信
2013/11/04 职场文书
建筑工程管理专业自荐信范文
2013/12/28 职场文书
小班上学期评语
2014/05/05 职场文书
学校隐患排查制度
2015/08/05 职场文书
高中军训感想
2015/08/07 职场文书
Nginx配置https原理及实现过程详解
2021/03/31 Servers
python基于tkinter制作m3u8视频下载工具
2021/04/24 Python
python中如何对多变量连续赋值
2021/06/03 Python
SpringBoot集成Redis的思路详解
2021/10/16 Redis
Python Matplotlib绘制条形图的全过程
2021/10/24 Python