65.9K
CodeProject 正在变化。 阅读更多。
Home

MVC 中的 Json 调用

emptyStarIconemptyStarIconemptyStarIconemptyStarIconemptyStarIcon

0/5 (0投票)

2013 年 10 月 11 日

CPOL

1分钟阅读

viewsIcon

7631

我正在我的 MVC 项目中使用 Ajax 调用,并决定实现 json 调用。以下是我的示例:视图:

我正在我的 MVC 项目中使用 Ajax 调用,并决定实现 json 调用。以下是我的示例

视图

<select id="cmbContinent">

   <option value="---" selected="selected">选择洲...</option>

   <option value="eur">欧洲</option>

   <option value="ame">美洲</option>

   <option value="asi">亚洲</option>

   <option value="afr">非洲</option>

</select>

<select id="cmbCountries"></select>

 
 
<script language="javascript" type="text/javascript">
$(document).ready(function() {
//****Ajax 示例****
   $("#cmbContinente").change(function() {
       fillCombo("cmbCountries", $("#cmbContinent").val());
   });
});
 
//****Ajax 示例****
functionfillCombo(updateId, value) {
$.getJSON("<%= Url.Action("CountriesPerContinent") %>" + "/"+ value,
                 function(data) {
                 $("#"+updateId).empty();
                 $.each(data,function(i, item) {                  $("#"+updateId).append("<option id='"+ item.IDCountries +"'>"+ item.Name +"</option>");
                   });
          });
}
 
}
</script>
 控制器
[ActionName("CountriesPerContinent")]public ActionResultGetCountriesPerContinent(字符串id)
{
var Count =new CountriesModel().GetCountriesPerContinent(id);
return new JsonResult() { Data = Count };
}
 
模型
public 国家
{
public 字符串Continente {get; set; }
public 字符串Nombre {get; set; }
public 字符串IDPaises {get; set; }
}
public CountriesModel
{
私有的 列表<Pais> paises;publicPaisesModel()
{
this.paises =new 列表<国家>();
this.paises.Add(new 国家()
{
Continente ="eur",IDPaises ="es",
Nombre ="西班牙"
});
// return
}
public IEnumerable<国家> GetCountriesPerContinent(字符串continent)
{
return this.Count.FindAll(x => x.Continent == continent);
}
}
 
 
希望对大家有所帮助!!
 
© . All rights reserved.