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 相关文章推荐
JS定时器实例
Apr 17 Javascript
html5的自定义data-*属性和jquery的data()方法的使用示例
Aug 21 Javascript
高效率JavaScript编写技巧整理
Aug 23 Javascript
javascript jquery对form元素的常见操作详解
Jun 12 Javascript
说说如何在Vue.js中实现数字输入组件的方法
Jan 08 Javascript
vue-week-picker实现支持按周切换的日历
Jun 26 Javascript
解决vue单页面修改样式无法覆盖问题
Aug 05 Javascript
在layui中使用form表单监听ajax异步验证注册的实例
Sep 03 Javascript
基于layui轮播图满屏是高度自适应的解决方法
Sep 16 Javascript
微信小程序用户拒绝授权的处理方法详解
Sep 20 Javascript
js实现3D照片墙效果
Oct 28 Javascript
js 数组当前行添加数据方法详解
Jul 28 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
如何在PHP中使用Oracle数据库(6)
2006/10/09 PHP
PHP 字符串正则替换函数preg_replace使用说明
2011/07/15 PHP
CodeIgniter生成静态页的方法
2016/05/17 PHP
php从身份证获取性别和出生年月
2017/02/09 PHP
php生成随机数/生成随机字符串的方法小结【5种方法】
2020/05/27 PHP
javascript 写类方式之二
2009/07/05 Javascript
jQuery 打造动态下滑菜单实现说明
2010/04/15 Javascript
15 个 JavaScript Web UI 库
2010/05/19 Javascript
基于jquery的表格排序
2010/09/11 Javascript
为jQuery.Treeview添加右键菜单的实现代码
2010/10/22 Javascript
JavaScript插件化开发教程(六)
2015/02/01 Javascript
JavaScript学习笔记整理_关于表达式和语句
2016/09/19 Javascript
JSON与String互转的实现方法(Javascript)
2016/09/27 Javascript
Mui使用jquery并且使用点击跳转新窗口的实例
2017/08/19 jQuery
js前端导出Excel的方法
2017/11/01 Javascript
JavaScript创建对象的四种常用模式实例分析
2019/01/11 Javascript
element表格翻页第2页从1开始编号(后端从0开始分页)
2019/12/10 Javascript
jQuery实现计算器功能
2020/10/19 jQuery
Vue实现boradcast和dispatch的示例
2020/11/13 Javascript
Python基于回溯法子集树模板解决全排列问题示例
2017/09/07 Python
python3调用R的示例代码
2018/02/23 Python
Python Flask前后端Ajax交互的方法示例
2018/07/31 Python
详解pytorch 0.4.0迁移指南
2019/06/16 Python
Python要求O(n)复杂度求无序列表中第K的大元素实例
2020/04/02 Python
HTML5 Canvas 破碎重组的视频特效的示例代码
2019/09/24 HTML / CSS
美国在线奢侈品寄售商店:Luxury Garage Sale
2018/08/19 全球购物
临床医学应届生求职信
2013/11/06 职场文书
高三历史教学反思
2014/01/09 职场文书
给校长的一封建议书
2014/03/12 职场文书
道路建设实施方案
2014/03/18 职场文书
活动总结结尾怎么写
2014/08/30 职场文书
师德自我剖析材料范文
2014/10/06 职场文书
2014年作风建设心得体会
2014/10/22 职场文书
大学生自荐材料范文
2014/12/30 职场文书
博士论文答辩开场白
2015/06/01 职场文书
TypeScript 使用 Tuple Union 声明函数重载
2022/04/07 Javascript