提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

ASP.NETMVC中EasyUI的datagrid跨域调用实现代码

EasyUIASP跨域代码 实现 调用 Datagrid NetMvc
2023-06-13 09:14:33 时间
最近项目中需要跨域调用其他项目的数据，其他项目也是使用的EasyUI的datagrid组件，开始以为直接在datagrid的url属性定义为其他项目的url地址即可，可是测试下发现的确是返回了json数据但是json数据提示“invalidlabel”错误，网上搜索了下错误解决办法，参考“JavaScript处理Json的invalidlabel错误解决办法“的方法利用datagrid的loadData方法加载并转换了json还是提示上述错误，感觉原因不在格式问题。

搜索了下JavaScript跨域调用的文章“JavaScript跨域访问问题解决方法”得到启发，发现原来是因为easyUI使用的是JQuery的异步方法加载数据，应该遵循JQuery的跨域访问规则，也就是上述文章中提到的url中需要加入jsoncallback=？回调函数参数，并且返回的json的格式必须修改为：回调函数名（json数据），而现在返回的数据只是json格式的数据没有回调函数名，自然提示格式错误，于是修改了ASP.NETMVC自定义的JsonResult类，具体如何编写自定义的JsonResult类见：自定义ASP.NETMVCJsonResult序列化结果，

代码如下：
复制代码代码如下:

publicclassCustomJsonResult:JsonResult
{
publicoverridevoidExecuteResult(ControllerContextcontext)
{
if(context==null)
{
thrownewArgumentNullException("context");
}

HttpResponseBaseresponse=context.HttpContext.Response;

if(!String.IsNullOrEmpty(ContentType))
{
response.ContentType=ContentType;
}
else
{
response.ContentType="application/json";
}
if(ContentEncoding!=null)
{
response.ContentEncoding=ContentEncoding;
}
if(Data!=null)
{
#pragmawarningdisable0618
//跨域调用需要修改json格式jsoncallback
if(context.HttpContext.Request.Params.AllKeys.Contains("jsoncallback"))
{
Stringcallback=context.HttpContext.Request.Params["jsoncallback"];
response.Write(callback+"("+JsonConvert.SerializeObject(Data)+")");
}
else
{
response.Write(JsonConvert.SerializeObject(Data));
}
#pragmawarningrestore0618
}
}
}

EasyUI的datagrid的代码如下:
复制代码代码如下:

//datagrid
$("#dg").datagrid({
url:"http://localhost:9000/ManagementSystem/ListCurrent?department=sss&jsoncallback=?",
pageNumber:1,
pageSize:20,
pageList:[20,40,60,80,100],
onDblClickRow:function(rowIndex){
edit();
}
});

作者：mikel
出处：http://www.cnblogs.com/mikel/

相关文章