栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

使用内置功能在MVC6中使用JQuery AJAX提交剃须刀表单

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

使用内置功能在MVC6中使用JQuery AJAX提交剃须刀表单

Ajax的工作方式相同,但使用新的MVC 6标记帮助器(而不是@Ajax帮助器)(不要忘记引用“ jquery”和“ jquery.unobtrusive-
ajax”脚本)。

jQuery Unobtrusive Ajax存在于Asp.Net GitHub存储库中,可以被Bower提取。

使用新的MVC TagHelpers,您只需声明如下形式:

<form asp-controller="Home" asp-action="SaveForm" data-ajax="true" data-ajax-method="POST">...</form>

要在以前的MVC版本上使用Ajax Helper上存在的AjaxOptions,只需添加这些属性即可像这样进行form标签:

<form asp-controller="Home" asp-action="SaveForm" data-ajax="true" data-ajax-method="POST" data-ajax-mode="replace" data-ajax-update="#content">...</form><div id="content"></div>

您可以在表单中使用的HTML属性(以前称为AjaxOptions)是以下属性(原始来源):

+------------------------+-----------------------------+|      AjaxOptions       |       HTML attribute        |+------------------------+-----------------------------+| Confirm     | data-ajax-confirm|| HttpMethod  | data-ajax-method || InsertionMode          | data-ajax-mode   || LoadingElementDuration | data-ajax-loading-duration  || LoadingElementId       | data-ajax-loading|| onBegin     | data-ajax-begin  || onComplete  | data-ajax-complete          || onFailure   | data-ajax-failure|| onSuccess   | data-ajax-success|| UpdateTargetId         | data-ajax-update || Url         | data-ajax-url    |+------------------------+-----------------------------+

另一个重大变化是您如何在服务器端检查请求是否确实是AJAX请求 。在以前的版本中,我们只是使用

Request.IsAjaxRequest()

在MVC6上,您必须创建一个简单的扩展以添加与先前MVC版本(原始源)中存在的选项相同的选项:

/// <summary>/// Determines whether the specified HTTP request is an AJAX request./// </summary>/// /// <returns>/// true if the specified HTTP request is an AJAX request; otherwise, false./// </returns>/// <param name="request">The HTTP request.</param><exception cref="T:System.ArgumentNullException">The <paramref name="request"/> parameter is null (Nothing in Visual Basic).</exception>public static bool IsAjaxRequest(this HttpRequest request){  if (request == null)    throw new ArgumentNullException("request");  if (request.Headers != null)    return request.Headers["X-Requested-With"] == "XMLHttpRequest";  return false;}


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/413491.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号