jQuery-ajax

jQuery-ajax常见属性

contentType

含义：发送信息至服务器时的内容编码类型
类型：String 或 Boolean
默认值："application/x-www-form-urlencoded; charset=UTF-8"；默认值适合大多数状况
注：jQuery-1.6以后能够将此属性设为 false，当该属性为false时，即告诉服务器不设置任何一种 contentType

dataType

含义：预期服务器返回的数据类型
类型：String
默认值：若是不指定，jQuery 将自动根据 HTTP 包 MIME 信息来智能判断，可用值：
"xml"：返回 XML 文档，可用 jQuery 处理
"html"：返回纯文本 HTML 信息；包含的 script 标签会在插入 dom 时执行
"script"：返回纯文本 javascript 代码；不会自动缓存结果；除非设置了 "cache" 参数
"json"：返回 json 数据
"jsonp"：JSONP 格式
"text"：返回纯文本字符串

processData

含义：发送 data 至服务器时将 data 进行转化
类型：Boolean
默认值：true；默认状况下，经过 data 选项传递至服务器的数据，若是是一个对象（技术上讲只要不是字符串），都会默认转换成一个查询字符串，以配合默认的 内容类型（contentType） "application/x-www-form-urlencoded";若是要发送 DOM 数信息或其它不但愿转换的信息（例如 file），请设置为 false

jQuery-ajax 常见问题

• 在使用 jQuery-ajax 实现异步文件上传时要注意，要将 contentType 和 processData 属性设置为 false；不然服务器接收不了上传的文件

示例

$("#ajax_upload").click(function () {
            var formData = new FormData();
            formData.append("file",document.getElementById("file0").files[0]);
            $.ajax({
                url : "ajaxUpload",
                data : formData,
                type : "post",
                contentType:false,
                processData:false,
                success : function(response){
                    console.log(response);
                }
            });
        });

注：

1. contentType 默认值为 "application/x-www-form-urlencoded; charset=UTF-8",而文件上传的 contentType 应该为 "multipart/form-data",将 contentType 设置为 false 后，服务器检测到上传的是文件类型时，会自动将request headers中的 contentType 设置为 "multipart/form-data"
2. 上传文件时向服务器传输的是文件类型，此时不须要将数据转换为查询字符串，就保持为文件自己，所以要将 processData 设置为 false
3. jQuery 的 id 选择器获取不了文件对象（不知怎么回事），使用原生 javascript 的 document.getElementById 能够获取

• 在 controller 方法中返回 String 时要注意，若返回的字符串包含中文，则须要在 @RequestMapping 中加上 produces = {"text/html;charset=UTF-8;"},不然会出现中文乱码

示例

@RequestMapping(value = "ajaxDemo",produces = {"text/html;charset=UTF-8;"})
    @ResponseBody
    public String ajaxDemo(String username){
        System.out.println(username);
        return username;
    }

注：

1. controller 中的方法返回是 String 时，jQuery-ajax 中的 daatType 属性应该设置为 "text"，而不能设置为 "json"
2. springMVC 中有一系列 HttpMessageConverter 来处理用 @ResponseBody 注解的返回值，如返回 List 或其它的类型则使用 MappingJacksonHttpMessageConverter 来处理；返回 String 时，则使用 StringHttpMessageConverter 来处理，而 StringHttpMessageConverter 使用的字符集时 iso-8859-1，并且是 fianl的。因此当返回 text 有中文时会出现乱码