[原创]Asp.net Mvc异步

MainContent:Jquery异步,Asp.net Mvc异步完成:点击按钮更新时间

Jquery异步实现

新建一个AjaxController,在index视图下:

@{
    ViewBag.Title = "Index";
}



Index

在Controller下新建一个Data方法

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

namespace Asp.netMvc_2017_03_10.Controllers
{
    public class AjaxController : Controller
    {
        // GET: Ajax
        public ActionResult Index()
        {
            return View();
        }

        public ActionResult Data()
        {
            return Content(DateTime.Now.ToString());  //返回当前时间
        }wei
    }
}

Asp.net Mvc 异步实现


//1,需要调用这个js,如果你的Scripts文件夹下没有的话需要通过Nuget安装:
//Install-Package Microsoft.jQuery.Unobtrusive.Ajax 
//2,需要在Web.config文件的里面添加一条:
//




@*Asp.net Mvc异步*@
@using (Ajax.BeginForm("Data","Ajax",new AjaxOptions()
{
    Confirm = "是否确认提交",
    HttpMethod = "post",
    InsertionMode = InsertionMode.Replace,
    OnSuccess = "FunSuccess"
  //还有很多其他的属性这里没有一一列举
}))
{
    //
    
}


效果


[原创]Asp.net Mvc异步_第1张图片
结果.gif

安利一枚非常好用的屏幕录制Gif的软件:Screen to gif
免费!!!非常奈斯

~谢谢O(∩_∩)O

我在这里等你:


image.png

你可能感兴趣的:([原创]Asp.net Mvc异步)