当 jquery.unobtrusive

最近在熟悉Abp框架，其基于DDD领域驱动设计。。。前段可以绕过get='_blank'>mvc直接调用根据app层动态生成的webapi，有点神奇~，Web API之前有简单接触过，WCF的轻量级版，一般用于做一写开发性的服务接口，形式上类似与MVC,只是不渲染视图（其他基于restful设计什么的我不想去扯）。

因此我的想法是页面用mvc view带model验证，提交操作使用jquery.unobtrusive-ajax.js自动收集form表单内容直接调webapi；因为人少做的东西不大，view model就是dto，这样配合jquery.validate.unobtrusive.js基本可以不用写前端js验证，部分代码如下：

@model ArticleEdit@section styles{  <link href="~/Content/bootstrap-tagsinput.css" rel="stylesheet" />}<form class="form-horizontal" action="/api/services/app/article/CreateAndGetIdAsync" method="post" novalidate="novalidate" data-ajax="true" data-ajax-success="AjaxCallback" data-ajax-method="Post" role="form">  <div class="form-group">    @Html.LabelFor(o => o.Title, new { @class = "col-sm-2 control-label" })    <div class="col-sm-10">      @Html.TextBoxFor(o => o.Title, new { @class = "form-control" })      @Html.ValidationMessageFor(o => o.Title)    </div>  </div>  <div class="hr-line-dashed"></div>  <div class="form-group">    @Html.LabelFor(o => o.Keywords, new { @class = "col-sm-2 control-label" })    <div class="col-sm-10">      @Html.TextBoxFor(o => o.Keywords, new { @class = "form-control", data_role = "tagsinput", placeholder = "Tab键或英文','分割" })      @Html.ValidationMessageFor(o => o.Keywords)    </div>  </div>  <div class="form-group">    @Html.LabelFor(o => o.Description, new { @class = "col-sm-2 control-label" })    <div class="col-sm-10">      @Html.TextBoxFor(o => o.Description, new { @class = "form-control" })      @Html.ValidationMessageFor(o => o.Description)    </div>  </div>  <div class="form-group">    @Html.LabelFor(o => o.Content, new { @class = "col-sm-2 control-label" })    <div class="col-sm-10">      @Html.TextAreaFor(o => o.Content, new { style = "height:300px;" })      @Html.ValidationMessageFor(o => o.Content)    </div>  </div>  <div class="hr-line-dashed"></div>  <div class="form-group">    <div class="col-sm-4 col-sm-offset-2">      <button class="btn btn-primary" type="submit">保存内容</button>      <button class="btn btn-white" type="reset">重置</button>    </div>  </div></form>@section scripts{

        
 
        
海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com
        

        
原标题：当 jquery.unobtrusive
        
关键词：jquery