一.创建项目

首先我们来创建一个ASP.NET Application

选择时尚时尚最时尚的MVC，为了使演示的Demo更简单，这里选择无身份验证

二.创建相关类

项目需要引入之前两个类AdmAccessToken和AdmAuthentication以便获取访问令牌，并添加一个名为Translator的控制器方便处理相关的业务

注意需要添加程序集System.Runtime.Serialization

添加一个Language_Codes

public class Language_Codes    {        public int Id { get; set; }        public string code { get; set; }        public string Name { get; set; }    }

三.创建数据库上下文类

首先我们需要引入Entity Framework框架，这里使用的是Nuget包管理

添加类CodeEntity，并且让它继承DbContext

public CodeEntity()            : base("DefaultConnection")        {        }        public DbSet
     
       Language_Code{
   get;set;} }
     

接下来修改webconfig

在 TranslatorController中添加

CodeEntity dbcontext = new CodeEntity();

这要我们可以获取语言对应的代码了

四.搭建界面

1.修改Index方法

public ActionResult Index()        {            List
     
       list=  dbcontext.Language_Code.ToList();            return View(list);        }
     

 

给TranslatorController的Index添加视图

@model IEnumerable
     
      @{    ViewBag.Title = "Index";}
      
           
        
                 
            要翻译的文本                    
                 
            将             请选择 @foreach (var item in Model) { @item.Name }             翻译成             请选择             翻译        
                 
            翻译的文本                    
            
           
      
 在layout.cshtml中添加
     

1   
      
       2                 
       
        3                     
        
@Html.ActionLink("主页", "Index", "Home")
4                     
        
@Html.ActionLink("关于", "About", "Home")
5                     
        
@Html.ActionLink("联系方式", "Contact", "Home")
6                     
        
@Html.ActionLink("翻译", "Index", "Translator")
7                 
       
8             
      
 效果如下

 

五.利用AJAX动态加载数据

1.加载LanguageCode

首先在控制器中添加一个LoadLanguageCode来处理加载语言代码请求

public ActionResult LoadLanguageCode(int id)        {            List
      
        list = dbcontext.Language_Code.Where(c=>c.Id!=id).ToList();            return Json(list);        }
      

 

在Scripts文件夹添加一个translator.js文件，并在视图中添加此文件的引用 给第一个select注册一个事件，每次select中选项更改时我们去加载第二个select的选项 document.getElementById("from").οnchange=function()     {
           var selectedid = $(":selected","#from").attr("id");         $.ajax(             {
                   url: "../Translator/LoadLanguageCode",                 type: "post",                 data: { id: selectedid },                 success: function (_JsonData)                 {
                       $('#to').empty();                     for (var i = 0; i < _JsonData.length; i++) {
                           $('#to').append($('
     
      ' + _JsonData[i].Name + ''));                     }                 }             })     } 2.向microsoft请求服务 在TranslatorController添加 Translate方法
     

[HttpPost]        public ActionResult Translate(string from,string to,string text)        {            AdmAuthentication adm = new AdmAuthentication("zuin", "Ursm3pji3Fcha+70plJFrAbHT/Y00F7vyKdXlWLusmc=");            //string text = textBox1.Text;            //string from = "zh-CHS";//"zh-CHS"            //string to = "en";            string uri = "http://api.microsofttranslator.com/v2/Http.svc/Translate?text=" + System.Web.HttpUtility.UrlEncode(text) + "&from=" + from + "&to=" + to;            string authToken = "Bearer" + " " + adm.token.access_token;            HttpWebRequest httpWebRequest = (HttpWebRequest)WebRequest.Create(uri);            httpWebRequest.Headers.Add("Authorization", authToken);            WebResponse response = null;            try            {                response = httpWebRequest.GetResponse();                using (Stream stream = response.GetResponseStream())                {                    System.Runtime.Serialization.DataContractSerializer dcs = new System.Runtime.Serialization.DataContractSerializer(Type.GetType("System.String"));                    string translation = (string)dcs.ReadObject(stream);                    return Json(translation);                }            }            catch            {                string code = "fail";                return Json(code);            }        } 给“翻译”按钮注册事件

$('#submit').click( function ()    {        var formvalue =$("#from").val();             var tovalue = $("#to").val();        var textvalue = $("#text").val();        $.ajax(            {                url: "../Translator/Translate",                type: "post",                data: {from: formvalue, to: tovalue, text:textvalue },                success: function (_JsonData) {                    $('#transtext').empty();                    if (_JsonData=='fail') {                        alert("失败！,请联系管理员或使用微软必应在线翻译");                    }                    else {                        document.getElementById("transtext").innerHTML = _JsonData;                                         }                }            })    }    )

好了 现在可以使用服务了

由于业务很复杂，即使网络很好延迟还是很严重，需要优化下