ASP.NET MVC中EasyUI的datagrid跨域調用實現代碼

來源:互聯網
上載者:User

最近項目中需要跨域調用其他項目的資料,其他項目也是使用的EasyUI的datagrid組件,開始以為直接在datagrid的url屬性定義為其他項目的url地址即可,可是測試下發現的確是返回了json資料但是json資料提示“invalid label” 錯誤,網上搜尋了下錯誤解決辦法,參考 “JavaScript處理Json的invalid label錯誤解決辦法“的方法利用datagrid的loadData方法載入並轉換了json還是提示上述錯誤,感覺原因不在格式問題。

搜尋了下JavaScript跨域調用的文章“JavaScript跨域訪問問題解決方案”得到啟發,發現原來是因為easyUI使用的是JQuery的非同步方法呼叫載入資料,應該遵循JQuery的跨域訪問規則,也就是上述文章中提到的url中需要加入jsoncallback=?回呼函數參數,並且返回的json的格式必須修改為:回呼函數名(json資料),而現在返回的資料只是json格式的資料沒有回呼函數名,自然提示格式錯誤,於是修改了ASP.NET MVC自訂的JsonResult類,具體如何編寫自訂的JsonResult類見:自訂ASP.NET MVC JsonResult序列化結果,

代碼如下: 複製代碼 代碼如下: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
出處:http://www.cnblogs.com/mikel/

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.