一种标准的AJAX提交方式

webmatrix的确是个好东西&＃xff0c;今后找开源项目不用在上codeplex什么的了&＃xff0c;直接从WM上Down就成&＃xff0c;并且连设置都是自动的&＃xff0c;微爽

下面要说的就是BlogEngine这个项目中的一个小小的亮点

在webform开发中&＃xff0c;我们经常会用到AJAX向后台提交数据&＃xff0c;在我的公司&＃xff0c;通常是提交到本页的后台去处理&＃xff0c;或者是webservice&＃xff0c;这两种方法都很简便&＃xff0c;但是总显得略混乱。

今天在看BlogEngine的时候&＃xff0c;发现它是这样处理的

首先用一个AjaxHelper.aspx页面处理全部的ajax请求&＃xff0c;这个页面的后台全部是&＃xff1a;

…

[WebMethod]
        public static JsonResponse SavePage(
            string id,
            string content,
            string title,
            string description,
            string keywords,
            string slug,
            bool isFrontPage,
            bool showInList,
            bool isPublished,
            string parent)
        {
            WebUtils.CheckRightsForAdminPagesPages(false);

            var response &＃61; new JsonResponse { Success &＃61; false };
            var settings &＃61; BlogSettings.Instance;

            if (string.IsNullOrEmpty(id) && !Security.IsAuthorizedTo(Rights.CreateNewPages))
            {
                response.Message &＃61; "Not authorized to create new Pages.";
                return response;
            }

….

的WebMethod&＃xff0c;这样其实和webservice没有本质的区别&＃xff0c;只是比webservice更加清爽

再看看前台是如何处理的&＃xff1a;

…

var dto &＃61; {
                       "id": Querystring(&＃39;id&＃39;),
                       "content": content,
                       "title": title,
                       "desc": desc,
                       "slug": slug,
                       "tags": tags,
                       "author": author,
                       "isPublished": isPublished,
                       "hasCommentsEnabled": hasCommentsEnabled,
                       "cats": cats,
                       "date": date,
                       "time": time
                   };

                   //alert(JSON.stringify(dto));

                   $.ajax({
                       url: "../AjaxHelper.aspx/SavePost",
                       type: "POST",
                       dataType: "json",
                       contentType: "application/json; charset&＃61;utf-8",
                       data: JSON.stringify(dto),
                       success: function (result) {
                           var rt &＃61; result.d;
                           if (rt.Success) {
                               if (rt.Data) {
                                   window.location.href &＃61; rt.Data;
                               } else {
                                   ShowStatus("success", rt.Message);
                               }
                           }
                           else
                               ShowStatus("warning", rt.Message);
                       }
                   });
…

一个标准化的AJAX提交处理机制&＃xff0c;要比随意的滥用好的多。但是很多时候&＃xff0c;信奉快捷的中国的开发人员总是滥用&＃xff0c;并且不知反省