jQuery.ajax实现根据不同的Content-Type做出不同的响应
2016-11-03 16:27
549 查看
使用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做出不同的响应,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
您可能感兴趣的文章:
相关文章推荐
- jQuery.ajax实现根据不同的Content-Type做出不同的响应
- jQuery.ajax 根据不同的Content-Type做出不同的响应
- jQuery+Ajax实现表格数据不同列标题排序(为表格注入活力)
- jQuery+Ajax实现表格数据不同列标题排序
- jquery实现根据不同class为多个按钮添加点击事件
- Jquery Post提交时Content-Type的不同取值详解
- JQuery 2次点击实现2次不同的响应
- 用jQuery.ajaxSetup实现对请求和响应数据的过滤
- JQuery实现Ajax 根据商品名称自动显示价格
- DataType vs ContentType in jquery ajax [duplicate] 数据类型
- http协议8---响应信息头案例三(content-Type作用,实现发送一个文件(html,XML,image))
- SpringMVC 实现根据不同的请求类型(请求方法method=GetOrPost)分别响应
- jQuery+Ajax实现表格数据不同列标题排序(为表格注入活力)
- 前端控制器是整个MVC框架中最为核心的一块,它主要用来拦截符合要求的外部请求,并把请求分发到不同的控制器去处理,根据控制器处理后的结果,生成相应的响应发送到客户端。前端控制器既可以使用Filter实现(Struts2采用这种方式),也可以使用Servlet来实现(spring MVC框架)。
- 用jQuery.ajaxSetup实现对请求和响应数据的过滤
- 用 jQuery.ajaxSetup 实现对请求和响应数据的过滤
- Ajax与struts2、JQuery配合实现异步响应,处理list类型对象
- SpringMVC 实现根据不同的请求类型(请求方法method=GetOrPost)分别响应
- 用jQuery.ajaxSetup实现对请求和响应数据的过滤
- Jquery+Aspx实现Ajax得不到响应