日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
當(dāng)ASP.NETMVC邂逅jQuery.Ajax提交數(shù)組

當(dāng)ASP.NET MVC 通過JQuery的Ajax 提交數(shù)組時，MVC的model binder機制就失效了。我們不得不在Controller里面編寫自定義代碼，將Request提交的數(shù)據(jù)轉(zhuǎn)換成需要的數(shù)據(jù)類型。這個過程往往枯燥乏味。下面以某項目的實際例子來演示如何解決這個問題，提供一個通用的解決方案。 

需求描述

當(dāng)用戶更改了配置，需要Ajax提交到服務(wù)器。

前端代碼:

 
 
 
 
    
  
  
  
  
  1. var items = [];  
    2. 
  
  
  
  
  2. $("input:checked").each(function () {  
    3. 
  
  
  
  
  3.     items.push($(this).val());  
    4. 
  
  
  
  
  4. });  
    5. 
  
  
  
  
  5. $.ajax({  
    6. 
  
  
  
  
  6.     type: 'post',  
    7. 
  
  
  
  
  7.     url: 'Configure/Status',  
    8. 
  
  
  
  
  8.     data: { answers: items }  
    9. 
  
  
  
  
  9. }); 
    10.

后端代碼:

 
 
 
 
    
  
  
  
  
  1. public enum AnswerStatus  
    2. 
  
  
  
  
  2. {  
    3. 
  
  
  
  
  3.         Correct = 1,  
    4. 
  
  
  
  
  4.         Incorrect = 2,  
    5. 
  
  
  
  
  5.         Unanswered = 3 
    6. 
  
  
  
  
  6. }  
    7. 
  
  
  
  
  7. [HttpPost]  
    8. 
  
  
  
  
  8. public ActionResult Status(IList answers)  
    9. 
  
  
  
  
  9. {  
    10. 
  
  
  
  
  10.      ….  
    11. 
  
  
  
  
  11. } 
    12.

這里的answers始終為null. 神器fiddler出場，發(fā)現(xiàn)用JQuery.Ajax 提交Array的數(shù)據(jù)，提交的時候始終會在名稱后面加上”[]”， 問題就出在這里。

根據(jù)發(fā)現(xiàn)的結(jié)果修改代碼：

 
 
 
 
    
  
  
  
  
  1. [HttpPost]  
    2. 
  
  
  
  
  2. public ActionResult Status(IList answers)  
    3. 
  
  
  
  
  3. {  
    4. 
  
  
  
  
  4.     answers = Request.Form.GetValues(“answers[]”).Select(d => d.ToEnum(AnswerStatus.Unanswered).ToList();  
    5. 
  
  
  
  
  5. } 
    6.

雖然這樣能夠通過解決我的問題，但每次提交Array都要這樣手工解析request，視乎一夜回到石器時代了。其實我們馬上會想到MVC 的Mode Binder。

嘗試進(jìn)行***次重構(gòu)：

 
 
 
 
    
  
  
  
  
  1. public class AnswerModelBinder : IModelBinder  
    2. 
  
  
  
  
  2. {  
    3. 
  
  
  
  
  3.     public override object BindModel(ControllerContext controllerContext, ModelBindingContext bindingContext)  
    4. 
  
  
  
  
  4.     {  
    5. 
  
  
  
  
  5.         return controllerContext.RequestContext.HttpContext.Request.Form.GetValues(“answers[]”).Select(d => d.ToEnum(AnswerStatus.Unanswered).ToList();      
    6. 
  
  
  
  
  6.     }  
    7. 
  
  
  
  
  7. } 
    8.

硬編碼味道太重，換個類型又得重寫，工作量跟之前比還視乎增加了，只是Controller變得優(yōu)雅了。這種浪費青春又耗電的做法還是不符合要求。

進(jìn)行第二次重構(gòu) ： DefaultModelBinder 出場

***的DefaultModelBinder，能夠綁定任何類型，可惜就是client傳過來的name后面多加了”[]”，導(dǎo)致DefaultModelBinder無法準(zhǔn)確解析。那我們能不能欺騙DefaultModelBInder呢？

查看ModelBindingContext發(fā)現(xiàn)有一個ModelName屬性，感覺有點像要綁定的參數(shù)的名稱，調(diào)試跟蹤發(fā)現(xiàn)ModelName確實就是參數(shù)的名稱，那我們修改ModelName讓他跟client傳過來的name保持一致是否就能夠充分發(fā)揮DefaultModelBinder。于是動手創(chuàng)建一個JQAjaxModelBinder

并繼承自DefaultModelBinder：

 
 
 
 
    
  
  
  
  
  1. public override object BindModel(ControllerContext controllerContext, ModelBindingContext bindingContext)  
    2. 
  
  
  
  
  2. {  
    3. 
  
  
  
  
  3.     if(bindingContext.ModelType.IsEnumerable())  
    4. 
  
  
  
  
  4.     {  
    5. 
  
  
  
  
  5.         var key = bindingContext.ModelName + "[]";  
    6. 
  
  
  
  
  6.         var valueResult = bindingContext.ValueProvider.GetValue(key);  
    7. 
  
  
  
  
  7.         if(valueResult != null && !string.IsNullOrEmpty(valueResult.AttemptedValue))  
    8. 
  
  
  
  
  8.         {  
    9. 
  
  
  
  
  9.              bindingContext.ModelName = key;  
    10. 
  
  
  
  
  10.          }  
    11. 
  
  
  
  
  11.     }  
    12. 
  
  
  
  
  12.     return base.BindModel(controllerContext, bindingContext);  
    13. 
  
  
  
  
  13. }//如何使用自定義ModelBinder。該方法是Controller里面的Action  
    14. 
  
  
  
  
  14. public ActionResult Status([ModelBinder(typeof(ModelBinder.JQAjaxModelBinder))] IList answers)  
    15. 
  
  
  
  
  15. {  
    16. 
  
  
  
  
  16.     …          
    17. 
  
  
  
  
  17. }  
    18.

這時，Controller里面的Status （Action）方法已經(jīng)能夠正確得到前端傳來的數(shù)據(jù)。并且還是強類型的。當(dāng)然很多程序員都是懶惰的，筆者也是這其中一份子。筆者連Parameter前面的參數(shù)（[ModelBinder(typeof(ModelBinder.JQAjaxModelBinder))]）都不想寫，那我們直接在ModelBinders里面注冊吧。其實注冊的時候也有點麻煩，必須設(shè)定Type，我那能提前知道有那些類型啊。干脆將JQAjaxModelBinder設(shè)置成默認(rèn)的ModerBinder，一勞永逸，再也沒有煩心事情了。

ModelBinder不同注冊方法

通過在Action方法的參數(shù)前面添加ModelBinder標(biāo)簽，上文則是采用的這種方法。

數(shù)據(jù)類型上面添加ModelBinder標(biāo)簽

 
 
 
 
    
  
  
  
  
  1. [ModelBinder(typeof(ModelBinder.JQAjaxModelBinder))]  
    2. 
  
  
  
  
  2. Public class User  
    3. 
  
  
  
  
  3. {  
    4. 
  
  
  
  
  4. } 
    5.

通過ModelBinders注冊

 
 
 
 
    
  
  
  
  
  1. ModelBinders.Binders.Add(typeof(User), new ModelBinder.JQAjaxModelBinder()); 
    2.

設(shè)置默認(rèn)的ModerBinder

 
 
 
 
    
  
  
  
  
  1. ModelBinders.Binders.DefaultBinder = new ModelBinder.JQAjaxModelBinder(); 
    2.

后記： 當(dāng)我們在開發(fā)的時候，經(jīng)常做重復(fù)的事情，當(dāng)一件事情重復(fù)多次后，我們就需要停下來認(rèn)真思考，能不能將這些事情抽象出來，做一個通用的解決方案呢？一勞永逸的解決這些問題。


分享標(biāo)題：當(dāng)ASP.NETMVC邂逅jQuery.Ajax提交數(shù)組
分享網(wǎng)址：http://m.5511xx.com/article/copeeoo.html