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和C#的异同
May 31 Javascript
Extjs显示从数据库取出时间转换JSON后的出现问题
Nov 20 Javascript
jQuery中offsetParent()方法用法实例
Jan 19 Javascript
js实现兼容性好的微软官网导航下拉菜单效果
Sep 07 Javascript
超详细的javascript数组方法汇总
Nov 21 Javascript
详解iframe与frame的区别
Jan 13 Javascript
angularjs表格ng-table使用备忘录
Mar 09 Javascript
你知道setTimeout是如何运行的吗?
Aug 16 Javascript
使用JS动态显示文本
Sep 09 Javascript
ES6学习教程之块级作用域详解
Oct 09 Javascript
详解element-ui中表单验证的三种方式
Sep 18 Javascript
vue中的过滤器及其时间格式化问题
Apr 09 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
使用新浪微博API的OAuth认证发布微博实例
2015/03/27 PHP
php验证码实现代码(3种)
2015/09/07 PHP
WordPress中重置文章循环的rewind_posts()函数讲解
2016/01/11 PHP
PHP正则表达式过滤html标签属性(DEMO)
2016/05/04 PHP
php 根据URL下载远程图片、压缩包、pdf等文件到本地
2019/07/26 PHP
JavaScript中的作用域链和闭包
2012/06/30 Javascript
正则表达式搭配js轻松处理json文本方便而老古
2013/02/17 Javascript
使用js实现数据格式化
2014/12/03 Javascript
javascript实现动态标签云
2015/10/16 Javascript
js实现按钮控制带有停顿效果的图片滚动
2016/08/30 Javascript
基于openlayers4实现点的扩散效果
2020/08/17 Javascript
详解Express笔记之动态渲染HTML(新手入坑)
2018/12/13 Javascript
浅谈Angular7 项目开发总结
2018/12/19 Javascript
Vue3.0结合bootstrap创建多页面应用
2019/05/28 Javascript
Vue 使用计时器实现跑马灯效果的实例代码
2019/07/11 Javascript
微信小程序 Storage更新详解
2019/07/16 Javascript
typescript nodejs 依赖注入实现方法代码详解
2019/07/21 NodeJs
vue解决跨域问题(推荐)
2020/11/10 Javascript
js canvas实现五子棋小游戏
2021/01/22 Javascript
Python程序设计入门(2)变量类型简介
2014/06/16 Python
Python中pip安装非PyPI官网第三方库的方法
2015/06/02 Python
详解Python多线程Selenium跨浏览器测试
2017/04/01 Python
彻底搞懂Python字符编码
2018/01/23 Python
Python实现简易版的Web服务器(推荐)
2018/01/29 Python
Python用csv写入文件_消除空余行的方法
2018/07/06 Python
Python rstrip()方法实例详解
2018/11/11 Python
Python图像的增强处理操作示例【基于ImageEnhance类】
2019/01/03 Python
对Python中一维向量和一维向量转置相乘的方法详解
2019/08/26 Python
Python PyPDF2模块安装使用解析
2020/01/19 Python
CSS3 选择器 属性选择器介绍
2012/01/21 HTML / CSS
驴妈妈旅游网:中国新型的B2C旅游电子商务网站
2016/08/16 全球购物
您的网上新华书店:文轩网
2016/08/24 全球购物
企划专员岗位职责
2013/12/09 职场文书
旷课检讨书500字
2014/10/14 职场文书
2015年党员公开承诺书范文
2015/01/22 职场文书
MongoDB 常用的crud操作语句
2021/06/20 MongoDB