web前端|js教程
EasyUI,datagrid,跨域调用
web前端-js教程
最近项目中需要跨域调用其他项目的数据,其他项目也是使用的EasyUI的datagrid组件,开始以为直接在datagrid的url属性定义为其他项目的url地址即可,可是测试下发现的确是返回了json数据但是json数据提示“invalid label” 错误,网上搜索了下错误解决办法,参考 “JavaScript处理Json的invalid label错误解决办法“的方法利用datagrid的loadData方法加载并转换了json还是提示上述错误,感觉原因不在格式问题。
vps管理软件源码,ubuntu打开时蓝屏,tomcat9下载流程,爬虫方法和技巧,php环境搭建安装实训报告,seo模型讲解lzw
搜索了下JavaScript跨域调用的文章“JavaScript跨域访问问题解决方法”得到启发,发现原来是因为easyUI使用的是JQuery的异步方法加载数据,应该遵循JQuery的跨域访问规则,也就是上述文章中提到的url中需要加入jsoncallback=?回调函数参数,并且返回的json的格式必须修改为:回调函数名(json数据),而现在返回的数据只是json格式的数据没有回调函数名,自然提示格式错误,于是修改了 MVC自定义的JsonResult类,具体如何编写自定义的JsonResult类见:自定义 MVC JsonResult序列化结果,
竞猜游戏网站源码,keil使用vscode,原版ubuntu,tomcat清理端口,vs怎么和sqlite关联,dz插件小说阅读器免费下载,学习成本很低的前端框架技术,春天常见的爬虫有哪些,php 文件相对路径,惠州seo快速推广,dedecms农业种植网站模板,简易相册网页代码,在线相册网站模板下载工具lzw
代码如下:
家庭记账网站源码,vscode切换输入npm,ubuntu20.1,tomcat 启不动,sqlite获取最新的id,爬虫技术能抓到淘宝订单吗,php binary,seo培训教程学习,驾校 网站源码,网页的图片怎么在源代码中下载地址,ueditor微信模板插件lzw
public class CustomJsonResult:JsonResult
{
public override void ExecuteResult(ControllerContext context)
{
if (context == null)
{
throw new ArgumentNullException("context");
}
HttpResponseBase response = context.HttpContext.Response;
if (!String.IsNullOrEmpty(ContentType))
{
response.ContentType = ContentType;
}
else
{
response.ContentType = "application/json";
}
if (ContentEncoding != null)
{
response.ContentEncoding = ContentEncoding;
}
if (Data != null)
{
#pragma warning disable 0618
//跨域调用需要修改json格式jsoncallback
if (context.HttpContext.Request.Params.AllKeys.Contains("jsoncallback"))
{
String callback = context.HttpContext.Request.Params["jsoncallback"];
response.Write(callback+"("+JsonConvert.SerializeObject(Data)+")");
}
else
{
response.Write(JsonConvert.SerializeObject(Data));
}
#pragma warning restore 0618
}
}
}
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
出处:/mikel/
如果觉得《ASP.NET MVC中EasyUI的datagrid跨域调用实现代码【jquery】》对你有帮助,请点赞、收藏,并留下你的观点哦!