MVC—实现ajax+mvc异步获取数据

    之前写过ajax和一般处理程序的结合实现前后台的数据交换的博客，现在做系统用到了MVC，同时也用到了异步获取数据。ajax+一般处理程序与MVC+ajax原理是一样的在"URL"中前者写的一般处理程序的名字，而后者写到Controller中需要调用的方法。

Controller中的设计

using System.Collections.Generic;
using System.Web.Mvc;

namespace mvcAjaxByAjax.Controllers
{
    //考试试题
    public class ExamEntity
    {
        public int Id { get; set; }
        public string ExamName { get; set; }
    }
    public class mvcAjaxByAjaxController : Controller
    {
        [HandleError]
        public ActionResult Index()
        {
            return View();
        }

        /// 

        /// 获取考试数据
        /// 
        /// 
        [HttpPost]
        public ActionResult GetExam()
        {
            //添加employee数据
            List examList = new List()
            {
                new ExamEntity {Id = 1, ExamName = "语文考试"},
                new ExamEntity {Id = 2, ExamName = "数学考试"}
            };

            //直接返回此类型JSON类型
            return Json(examList);
        }
    }
}

View中的设计

@{
    ViewBag.Title = "Index";
}

ajax获取数据



    

        
考试ID
        
考试名称
    
    

        

        

    
    

        

        

    
    

        

    

通过firebug 查看返回的数据

页面显示效果

总结

    利用mvc+ajax简单的实现异步数据的查询，直接调用后台的Controllers方法，后台方法直接返回数据给前台控件。