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.parseJSON(json)将JSON字符串转换成js对象
Jul 27 Javascript
跟我学习javascript的垃圾回收机制与内存管理
Nov 23 Javascript
基于Vue.js实现简单搜索框
Mar 26 Javascript
ionic2打包android时gradle无法下载的解决方法
Apr 05 Javascript
JS中Safari浏览器中的Date
Jul 17 Javascript
jQuery实现所有验证通过方可提交的表单验证
Nov 21 jQuery
Vue2.0仿饿了么webapp单页面应用详细步骤
Jul 08 Javascript
利用js-cookie实现前端设置缓存数据定时失效
Jun 18 Javascript
layui监听单元格编辑前后交互的例子
Sep 16 Javascript
JS代码触发事件代码实例
Jan 02 Javascript
详解vue中v-bind:style效果的自定义指令
Jan 21 Javascript
详解如何使用React Hooks请求数据并渲染
Oct 18 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 文件编程综合案例-文件上传的实现
2013/07/03 PHP
浅析PHP中call user func()函数及如何使用call user func调用自定义函数
2015/11/05 PHP
wordpress自定义标签云与随机获取标签的方法详解
2019/03/22 PHP
IE和Mozilla的兼容性汇总event
2007/08/12 Javascript
将string解析为json的几种方式小结
2010/11/11 Javascript
再次分享18个非常棒的jQuery表格插件
2011/04/10 Javascript
JS下拉框内容左右移动效果的具体实现
2013/07/10 Javascript
javascript 判断字符串是否包含某字符串及indexOf使用示例
2013/10/18 Javascript
JS实现的自定义右键菜单实例二则
2015/09/01 Javascript
谈谈js中的prototype及prototype属性解释和常用方法
2015/11/25 Javascript
JavaScript编写一个简易购物车功能
2016/09/17 Javascript
jQuery select自动选中功能实现方法分析
2016/11/28 Javascript
jQuery动态产生select option下拉列表
2017/03/15 Javascript
AngularJS实现的输入框字数限制提醒功能示例
2017/10/26 Javascript
浅析前端路由简介以及vue-router实现原理
2018/06/01 Javascript
微信小程序实现topBar底部选择栏效果
2018/07/20 Javascript
详解Element-UI中上传的文件前端处理
2019/08/07 Javascript
Angular8 Http拦截器简单使用教程
2019/08/20 Javascript
Vue export import 导入导出的多种方式与区别介绍
2020/02/12 Javascript
Python实现字典的key和values的交换
2015/08/04 Python
解决python3读取Python2存储的pickle文件问题
2018/10/25 Python
使用Python+wxpy 找出微信里把你删除的好友实例
2019/02/21 Python
使用PyInstaller将Pygame库编写的小游戏程序打包为exe文件及出现问题解决方法
2019/09/06 Python
Python:type、object、class与内置类型实例
2019/12/25 Python
Pycharm配置PyQt5环境的教程
2020/04/02 Python
CSS3系列之3D制作方法案例
2017/08/14 HTML / CSS
css3一个简易的 LED 数字时钟实现方法
2020/01/15 HTML / CSS
canvas 下载二维码和图片加水印的方法
2018/03/21 HTML / CSS
女大学生个人求职信
2013/12/09 职场文书
高分子材料与工程专业个人求职信
2013/12/15 职场文书
七年级历史教学反思
2014/02/05 职场文书
国培教师自我鉴定
2014/02/12 职场文书
党的群众路线教育实践活动宣传标语口号
2014/06/06 职场文书
教师一帮一活动总结
2014/07/08 职场文书
《七月的天山》教学反思
2016/02/19 职场文书
《群青的幻想曲》京力秋树角色PV公开
2022/04/08 日漫