如何從Ajax MVC動作調用中提取字段的數據？

Question

下面的代碼：

1）MVC控制器：

public DiagramData GetDiagramData() 
{ 
    return new DataBindingHelper().GetData(); 
} 

2）數據助手：

public class DataBindingHelper 
{ 
    public DiagramData GetData() 
    { 
     DiagramData diagramData = new DiagramData(); 
     return diagramData; 
    } 
} 

public class DiagramData 
{ 
    public string From 
    { 
     get { return "Moscow"; } 
    } 

    public string To 
    { 
     get { return "Saint Petersburg"; } 
    } 

    public string Color 
    { 
     get { return "Red"; } 
    } 

    public int Thick 
    { 
     get { return 2; } 
    } 
} 

3）Java腳本：

function initDataBinding() { 
    jQuery.ajax({ 
     type: "GET", 
     //url: '@Url.Action("GetDiagramData", "Home")' 
     url: '/Home/GetDiagramData' 
    }).done(function (data) { 
     //data = JSON.stringify(data); 
     //alert(data.From); 
    }); 

Answer 1

如果這是正常的電腦板它應該在服務器端：

public JsonResult GetDiagramData() 
{ 
    return Json(new DataBindingHelper().GetData(), JsonRequestBehavior.AllowGet); 
} 

在客戶端：

function initDataBinding() { 
    $.ajax({ 
     type: "GET", 
     url: '/Home/GetDiagramData' 
    }).done(function (data) { 
     alert(data.From); //<- this line should work 
    });