ajax模块处理--仿新浪微博开源剖析2

由于微博是一个前端与后端交互相应频繁的系统，所以，ajax的开发也要相应有规范

*本系统是asp.net mvc开发的

首先建俩个model，（其中一个用于分页的）

 public class JsonModel
    {
        public string Code { get; set; }
        public object Data { get; set; }
        public JsonModel(string code, object data)
        {
            Code = code;
            Data=data;
        }
    }

    public class PagerJsonModel : JsonModel
    {
        public int Count { get; set; }
        public PagerJsonModel(string code, object data,int count):base(code,data)
        {
            Count = count;
        }

    }

Code为处理结果代码，是一个枚举值，Data表示要传输的实际数据

    public struct CodeStruct
    {
        //已经登录
        public static string HaveLogon = "A00000";
        public static string NoLogin = "A00001";
        public static string NoUserExist = "A00002";
        public static string Error = "A00003";
        。。。。

然后在control里面这样写，例如

  public JsonResult JudgeLogin()
        {
            if (!IsLogin) return NotLogin();
            else
                return Json(new JsonModel(CodeStruct.HaveLogon, new { name = CurrentUser.NickName, id = CurrentUser.ID }));
        }

调用的话会返回数据，例如

{"Code":"A00000","Data":{"name":"天才程序员","id":6}}

前端调用

$(function () {
    $.ajax({
        url: "/Ajax/JudgeLogin",
        datatype: "json",
        cache: false,
        type: "post",
        success: function (o) {
            if (o.Code == "A00000") {
               //todo
               alert(CodeList[o.Code]);
                      }
            else{
              //todo
            }

    });

同时前端也有相应的枚举数据，例如:

var CodeList = {
    A00000: "已登录",
   A00001:"还没有登录",
   A00002:"用户不存在",
   A00003:"出错，请稍后再试",
   ....

那么假如要返回一些数据是html代码，来自于由某个view和model渲染出来的代码，我使用了以下的代码来转换

/// <summary>
        /// 渲染cshtml页面成字符串
        /// </summary>
        /// <param name="viewName">页面名</param>
        /// <param name="model">模型</param>
        /// <returns></returns>
        public  string RenderRazorViewToString(string viewName, object model)
        {
            ViewData.Model = model;
            using (var sw = new StringWriter())
            {
                var viewResult = ViewEngines.Engines.FindPartialView(ControllerContext, viewName);
                var viewContext = new ViewContext(ControllerContext, viewResult.View, ViewData, TempData, sw);
                viewResult.View.Render(viewContext, sw);
                return sw.GetStringBuilder().ToString();
            }
        }

然后调用

  string data = RenderRazorViewToString("GetCommentsHtml", model);
                    if (!string.IsNullOrEmpty(data))
                    {
                        return Json(new JsonModel(CodeStruct.ReturnSuccess, data));
                    }

这样返回的html数据可以填充到一个容器里面去显示。

打完继续搵工

源码发布页http://www.cnblogs.com/baichidetiankong/archive/2012/04/17/weibo_source.html