jQuery.ajax实现根据不同的Content-Type做出不同的响应
使用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做出不同的响应,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对我们网站的支持!
相关推荐
-
Content-type 的说明
Content-type 的说明 <?php $mimetypes = array( 'ez' => 'application/andrew-inset', 'hqx' => 'application/mac-binhex40', 'cpt' => 'application/mac-compactpro', 'doc' => 'application/msword', 'bin'
-
详解Http请求中Content-Type讲解以及在Spring MVC中的应用
详解Http请求中Content-Type讲解以及在Spring MVC中的应用 引言: 在Http请求中,我们每天都在使用Content-type来指定不同格式的请求信息,但是却很少有人去全面了解content-type中允许的值有多少,这里将讲解Content-Type的可用值,以及在spring MVC中如何使用它们来映射请求信息. 1. Content-Type MediaType,即是Internet Media Type,互联网媒体类型:也叫做MIME类型,在Http协议消息头中,
-
php中header设置常见文件类型的content-type
在PHP中可以通过header函数来发送头信息,还可以设置文件的content-type,下面整理了一些常见文件类型对于的content-type值. //date 2015-06-22 //定义编码 header( 'Content-Type:text/html;charset=utf-8 '); //Atom header('Content-type: application/atom+xml'); //CSS header('Content-type: text/css'); //Java
-
php header Content-Type类型小结
复制代码 代码如下: <?php $mimetypes = array( 'ez' => 'application/andrew-inset', 'hqx' => 'application/mac-binhex40', 'cpt' => 'application/mac-compactpro', 'doc' => 'application/msword', 'bin' => 'application/octet-stream', 'dms' => 'applica
-
基于Jquery Ajax type的4种类型(详解)
Ajax type这个里面填什么呢?通常大家都会说get和post.那么还有2个是什么呢? $.ajax({ url: 'http://www.cnblogs.com/youku/', type: '', data: {} }); (默认: "GET") 请求方式 ("POST" 或 "GET"), 默认为 "GET".注意:其它 HTTP 请求方法,如 PUT 和 DELETE 也可以使用,但仅部分浏览器支持. 此处是网上找
-
jQuery ajax调用webservice注意事项
jquery ajax调用webservice(C#)要注意的几个事项: 1.web.config里需要配置2个地方 <httpHandlers> <remove verb="*" path="*.asmx"/> <add verb="*" path="*.asmx" validate="false" type="System.Web.Script.Services.
-
jQuery ajax请求struts action实现异步刷新
这个样例是用JQuery ajax和struts来做的一个小样例,在这个样例中采用两种方式将java Util中的list转换成支json的格式,第一种是用json-lib.jar这个jar包来转换,第二种是采用goole的gson-2.1.jar来转换,大家可以根据需要导入相应的jar包,在这里为了做测试将两种jar包都导入了.下面开始进入正题 第一步:导入相关jar包,本样例需导入struts相关jar包,json-lib.jar,gson-2.1.jar可以任意选择,但是这里需要都导入,因
-
jquery Ajax 全局调用封装实例详解
前言: 有一种情况:全站都要用异步方式来调用 数据,提交数据,那么你每次操作 都会要$.ajax({.....}) 写重复的方法 和代码,冗余太大, 也浪费时间,虽说你有代码自动提示补全,但真的不优雅,身为前端极客,是不能允许的! [嘿嘿!虽说我现在基本不用jquery了 ,不过异步概念 是永远要用的,就帮助下新人] jQuery Ajax通用js封装 第一步:引入jQuery库 <script type="text/javascript" src="/js/jquer
-
jQuery ajax MD5实现用户注册即时验证功能
实际项目中比较常用的(JQuery+AJAX+MD5),属于即时验证,亮点是验证用户是否存在的那一项,具体内容如下 具体示例 registe.jsp <span style="font-size: large;"><%@ page pageEncoding="UTF-8"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"
-
jQuery Ajax向服务端传递数组参数值的实例代码
在使用MVC时,向服务器端发送POST请求时有时需要传递数组作为参数值 下面使用例子说明,首先看一下Action [HttpPost] public ActionResult Test(List<string> model) { return Json(null, JsonRequestBehavior.AllowGet); } 方式一,构造表单元素,然后调用serialize()方法得到构造参数字符串 @{ Layout = null; } <!DOCTYPE html> <
-
asp.net中利用Jquery+Ajax+Json实现无刷新分页的实例代码
复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="AjaxJson.aspx.cs" Inherits="AjaxJson" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR
-
MVC+jQuery.Ajax异步实现增删改查和分页
本文实例为大家分享了MVC+jQuery.Ajax异步实现增删改查和分页的具体代码,供大家参考,具体内容如下 1.Model层代码 using System; using System.Data; using System.Configuration; using System.Linq; using System.Web; using System.Web.Security; using System.Web.UI; using System.Web.UI.HtmlControls; usin
-
jquery ajax post提交数据乱码
在用jquery处理html5的应用的时候,一直在firefox下测试都正常,用户用pad访问的时候说有乱码,自己试验了下果然,后发现chrome和ie内核下都是有此问题,此问题设置了页面属性为utf-8时候,只有firefox是传的charset=utf-8的头文件chrome和ie都没有指定,所以出现乱码问题.解决方法: 复制代码 代码如下: $.ajaxSetup({ contentType: "application/x-www-form-urlencoded; charset=utf
-
python bottle框架支持jquery ajax的RESTful风格的PUT和DELETE方法
这两天在用python的bottle框架开发后台管理系统,接口约定使用RESTful风格请求,前端使用jquery ajax与接口进行交互,使用POST与GET请求时都正常,而Request Method使用PUT或DELETE请求时,直接爆"HTTP Error 405: Method Not Allowed"错误.而ajax提交的Request Method值DELETE也变成了OPTIONS了. 度娘了好多答案,要么说是浏览器不支持,要么说自己重新封装jquery,还有其他的一些
随机推荐
- AngularJS 实现购物车全选反选功能
- 创业如何选择WEB开发语言
- Linux 中清空或删除大文件内容的五种方法
- java实现读取txt文件中的内容
- JavaScript中子对象访问父对象的方式详解
- 浅谈javascript 函数属性和方法
- php文件上传及下载附带显示文件及目录功能
- asp去除所有的超级链接的两种方法 替换与正则
- C++实现的链表类实例
- 亲自动手实现Android App插件化
- 讲解WordPress中用于获取评论模板和搜索表单的PHP函数
- 基于iframe实现ajax跨域请求 获取网页中ajax数据
- jQuery制作网页版选项卡
- 浅析onsubmit校验表单时利用ajax的return false无效问题
- javascript中style.left和offsetLeft的用法说明
- C语言实现的猴子分桃问题算法解决方案
- JAVA/JSP学习系列之二(Tomcat安装)
- 在linux服务器下使用版本控制软件SVN的方法
- 如何为asp.net core添加protobuf支持详解
- Pycharm设置去除显示的波浪线方法