EasyUI - 修改datagrid的content-type

最新推荐文章于 2024-01-04 19:33:24 发布

LuckyGuan0101

最新推荐文章于 2024-01-04 19:33:24 发布

阅读量6.3k

点赞数 3

CC 4.0 BY-SA版权

分类专栏： EasyUI

本文链接：https://blog.youkuaiyun.com/qq_30655169/article/details/52043810

EasyUI 专栏收录该内容

2 篇文章

订阅专栏

本文探讨了如何在使用EasyUI的datagrid时，处理Spring MVC Controller中@RequestBody集合参数时遇到的MIME编码问题。内容指出，由于默认的enctype是application/json，需要设置请求头为JSON格式。提供了JS代码示例，并讨论了在EasyUI中如何修改datagrid的content-type。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Spring MVC在接收集合请求参数时，需要在Controller方法的集合参数里前添加@RequestBody，而@RequestBody默认接收的enctype (MIME编码)是application/json，因此发送POST请求时需要设置请求报文头信息，否则Spring MVC在解析集合请求参数时不会自动的转换成JSON数据再解析成相应的集合。

JS代码：

var userList = new Array();  
userList.push({name: "李四",pwd: "123"});   
userList.push({name: "张三",pwd: "332"});   
$.ajax({  
    type: "POST",  
    url: "/catalog/saveUsers",  
    data: JSON.stringify(userList),//将对象序列化成JSON字符串  
    dataType:"json",  
    contentType : 'application/json;charset=utf-8', //设置请求头信息  
    success: function(data){  
        …  
    },  
    error: function(res){  
        …  
    }  
});

java代码：

@Controller  
<pre name="code" class="java">@RequestMapping("/catalog.do")  
public class CatalogController {  
  
    @RequestMapping(params = "fn=saveUsers")  
    @ResponseBody  
    public AjaxJson saveUsers(@RequestBody List<User> userList) {  
        …  
    }  
}

如果想要接收User[]数组，只需要把saveUsers的参数类型改为@RequestBody User[] userArray就行了。

使用$.ajax()是完全可以通过的，但是在EasyUI里怎么修改datagrid的content-type呢？

查找api也找不到相关的属性可以设置,翻看easyUI的源代码时找到loader的源代码：

loader: function(_629, _62a, _62b) {
			var opts = $(this).datagrid("options");
			if(!opts.url) {
				return false;
			}
			$.ajax({
				type: opts.method,
				url: opts.url,
				data: _629,
				dataType: "json",
				contentType: opts.contentType?opts.contentType:"text/html",
				success: function(data) {
					_62a(data);
				},
				error: function() {
					_62b.apply(this, arguments);
				}
			});
		}

这里看到loader里没有提供修改content-type的选项，这时候就需要我们自己写loader了。JS代码如下：

$("#grid").datagrid({

   loader : function(param, success, error) {
                
                $.ajax({
                    type : opts.method,
                    url : opts.url,
                    dataType : 'json',
                    contentType : 'application/json;charset=utf-8', // 设置请求头信息
                    data : JSON.stringify(param),
                    success : function(result) {       
                            success(data);                
                    }
                });
            }

});

好了，现在在提交的时候。content-type是application/json;charset=utf-8。