AJAX基於ASP.NET MVC
AJAX基於ASP.NET MVC
看一下Controller中的對應的Action方法:
1 public void SearchUserAjax()
2 {
3 string uerid = Request["name"];
4
5 List<UserLunchList> lunchs = (
6 from userlunch in repository.UserLunchLists.ToList()
7 where userlunch.UserID == int.Parse(uerid)
8 select userlunch
9 ).ToList();
10 StringBuilder sb = new StringBuilder();
11 sb.Append("<table id='LunchList' style='display:none'><tr><th>User</th><th>Time</th><th>Price</th></tr>");
12 foreach (UserLunchList lunch in lunchs)
13 {
14 sb.Append("<tr><td>" + lunch.User.UserName + "</td><td>" + lunch.Time.ToShortDateString() + "</td><td>" + lunch.Cost + "</td></tr>");
15 }
16 sb.Append("</table>");
17 Response.ContentType = "text/html";
18 Response.Write(sb.ToString());
19 }
說穿了很簡單,就是把想要的資料直接寫到Response中就可以了,這裡為了方便起見,就是寫好了Table的格式。有一個地方需要注意的就是這個語句
Response.ContentType = "text/html" 很重要,它告知JavaScript以何種格式來處理Response中的資料。
核心內容就這麼簡單,呵呵。
如果覺得寫JavaScript程式碼煩的話,可以使用extension方法,自定一個Html.Form或者其它的控制元件。
.pb{}
.pb textarea{font-size:14px; margin:10px; font-family:"宋體"; background:#FFFFEE; color:#000066}
.pb_t{line-height:30px; font-size:14px; color:#000; text-align:center;}
/* 分頁 */
.pagebox{overflow:hidden; zoom:1; font-size:12px; font-family:"宋體",sans-serif;}
.pagebox span{float:left; margin-right:2px; overflow:hidden; text-align:center; background:#fff;}
.pagebox span a{display:block; overflow:hidden; zoom:1; _float:left;}
.pagebox span.pagebox_pre_nolink{border:1px #ddd solid; width:53px; height:21px; *height:23px; line-height:21px; text-align:center; color:#999; cursor:default;}
.pagebox span.pagebox_pre{color:#3568b9; height:23px;}
.pagebox span.pagebox_pre a,.pagebox span.pagebox_pre a:visited,.pagebox span.pagebox_next a,.pagebox span.pagebox_next a:visited{border:1px #9aafe5 solid; color:#3568b9; text-decoration:none; text-align:center; width:53px; cursor:pointer; height:21px; *height:23px; line-height:21px;}
.pagebox span.pagebox_pre a:hover,.pagebox span.pagebox_pre a:active,.pagebox span.pagebox_next a:hover,.pagebox span.pagebox_next a:active{color:#363636; border:1px #2e6ab1 solid;}
.pagebox span.pagebox_num_nonce{padding:0 8px; height:23px; line-height:23px; color:#fff; cursor:default; background:#296cb3; font-weight:bold;}
.pagebox span.pagebox_num{color:#3568b9; height:23px;}
.pagebox span.pagebox_num a,.pagebox span.pagebox_num a:visited{border:1px #9aafe5 solid; color:#3568b9; text-decoration:none; padding:0 8px; cursor:pointer; height:21px; *height:23px; line-height:21px;}
.pagebox span.pagebox_num a:hover,.pagebox span.pagebox_num a:active{border:1px #2e6ab1 solid;color:#363636;}
.pagebox span.pagebox_num_ellipsis{color:#393733; width:22px; background:none; line-height:23px;}
.pagebox span.pagebox_next_nolink{border:1px #ddd solid; width:53px; height:21px; *height:23px; line-height:21px; text-align:center; color:#999; cursor:default;}
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/12639172/viewspace-434717/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- Asp.Net MVC 使用 AjaxASP.NETMVC
- AJAX Panels with ASP.NET MVCASP.NETMVC
- ASP.NET MVC 之 AJAXASP.NETMVC
- ASP.NET MVC和AJAXASP.NETMVC
- [ASP.NET MVC 小牛之路]14 - Unobtrusive AjaxASP.NETMVC
- ASP.NET 的MVC結構之AJAXASP.NETMVC
- 基於dojo實現mvc 模式下的ajax應用MVC模式
- Asp.Net MVC4系列--進階篇之AJAXASP.NETMVC
- 關於jQuery在Asp.Net Mvc 框架下Ajax檔案上傳的實現jQueryASP.NETMVC框架
- ASP.Net MVC開發基礎學習筆記(4):校驗、AJAX與過濾器ASP.NETMVC筆記過濾器
- 基於jQuery的AjaxjQuery
- Asp.Net MVC 系列--基礎篇(2)ASP.NETMVC
- Asp.Net MVC系列--基礎篇(3)ASP.NETMVC
- ajax的post請求,用於asp.net ?ASP.NET
- ASP.NET MVC 5改進了基於過濾器的身份驗證ASP.NETMVC過濾器
- asp.net mvc簡單實現基於Razor的分頁控制元件ASP.NETMVC控制元件
- ASP.NET MVC & WebApi 中實現Cors來讓Ajax可以跨域訪問ASP.NETMVCWebAPICORS跨域
- ASP.Net MVC開發基礎學習筆記(1):走向MVC模式ASP.NETMVC筆記模式
- Asp.Net MVC4 系列--基礎篇(1)ASP.NETMVC
- Asp.Net MVC4系列---基礎篇(5)ASP.NETMVC
- Asp.Net MVC4系列---基礎篇(4)ASP.NETMVC
- 基於ASP.NET core的MVC站點開發筆記 0x01ASP.NETMVC筆記
- 基於 MVC 理解 React+ReduxMVCReactRedux
- ASP.NET 使用AjaxASP.NET
- 關於Asp.net ajax下的異常處理ASP.NET
- 基於jq封裝ajax請求封裝
- 基於ASP.NET MVC 4/5 Razor的模組化/外掛式架構實現ASP.NETMVC架構
- ASP.NET MVC路由ASP.NETMVC路由
- ASP.NET MVC ModuleASP.NETMVC
- ASP.NET MVC TemplateASP.NETMVC
- ASP.NET MVC ErrorASP.NETMVCError
- ASP.NET MVC FilterASP.NETMVCFilter
- UpdatePanel for ASP.NET MVCASP.NETMVC
- ASP.NET MVC與ASP.NET WebFormASP.NETMVCWebORM
- Django之基於iframe的ajax偽造Django
- 基於jQuery的三種AJAX請求jQuery
- [ASP.NET MVC 小牛之路]01 - 理解MVC模式ASP.NETMVC模式
- Asp.Net MVC HttpPost用法ASP.NETMVCHTTP