mvc ajax异步,MVC – 14.ajax异步请求

14.1.配置文件

14.2.AjaxHelper – 异步链接按钮

14.3.AjaxHelper – 异步表单

AjaxOptions常见属性：

14.4.AjaxOptions对象生成【对应】触发ajax请求的标签的 属性

14.1.配置文件

页面添加非入侵js文件

可在单个视图页面(View)上关闭

@{Html.EnableUnobtrusiveJavaScript(false);}

@{Html.EnableClientValidation(false);}

14.2.AjaxHelper – 异步链接按钮

必须开启 非入侵式 Ajax：导入Jquery和unobtrusiveAjax文件

View中：@Ajax.ActionLink 创建 ajax 超链接按钮

一般用来请求动态生成的部分html代码(分部视图)

@Ajax.ActionLink("链接文本", "PartialView", new AjaxOptions() {

UpdateTargetId="divMsg",//数据显示的html容器id

InsertionMode= InsertionMode.Replace, //替换容器内容

HttpMethod="Post" })

Controller中

public PartialViewResult PartialView()

{

Models.Student stu = new Models.Student() { StudentID = 1, Name = "Ruiky" };

return PartialView(stu);

}

PartialView.cshtml (分布视图)

PartialView

@model _06MVCAjax_CodeFirst.Models.Student

@Html.ValueFor(s => s.StudentID)

@Html.ValueFor(s => s.Name)

效果图：

14.3.AjaxHelper – 异步表单

AjaxBeginForm.cshtml

AjaxBeginForm

function suc(resText) {

alert(resText);

};

function err(xhr) {

alert(xhr.readyState)

}

#imgLoad{

display:none

}

异步表单：

@using (Ajax.BeginForm("GetDateTime", "Html", new AjaxOptions()

{

HttpMethod = "post", //传输方式

OnSuccess = "suc", //加载成功调用的js方法

OnFailure="err", //出错调用的js方法

LoadingElementId = "imgLoad" //请求所现实的元素

}))

{

loding....

}

HtmlController.cs

public ActionResult GetDateTime()

{

//例：报错的情况(除以0)

//System.Threading.Thread.Sleep(2000);

//int a = 0;

//int b = 1 / a;

string str =Request.Form["txtName"];

System.Threading.Thread.Sleep(2000);

return Content(DateTime.Now + "," + str);

}

AjaxOptions常见属性：

UpdateTargetId

目标元素id，获取服务器响应后，将获取的响应报文体显示到目标元素的innerHTML中。

InsertionMode

InsertAfter插入目标元素原有内容之后；

InsertBefore插入目标元素原有内容之前；

Replace 替换目标元素原有内容

LoadingElementId

LoadingElementId：异步对象readyState==4之前显示"正在加载"状态的元素id

14.4.AjaxOptions对象生成【对应】触发ajax请求的标签的 属性

MVC – 14.ajax异步请求

14.1.配置文件 14.2.AjaxHelper – 异步链接按钮 14.3.AjaxHelper – 异步表单 AjaxOptions常见属性: 14.4.AjaxOptions对象生成[对应]触 ...

MVC的Ajax异步请求

@using (Ajax.BeginForm("GetTime","order",new AjaxOptions() { Confirm="你确认这么 ...

MVC&WebForm对照学习：ajax异步请求

写在前面:由于工作需要,本人刚接触asp.net mvc,虽然webform的项目干过几个.但是也不是很精通.抛开asp.net webform和asp.net mvc的各自优劣和诸多差异先不说.我认 ...

【Spring学习笔记-MVC-5】利用spring MVC框架，实现ajax异步请求以及json数据的返回

作者:ssslinppp      时间:2015年5月26日 15:32:51 1. 摘要 本文讲解如何利用spring MVC框架,实现ajax异步请求以及json数据的返回. Spring MV ...

ajax异步请求实例

1. 问题分析 用户管理显示页面:usermanagement.tpl(也可以说是MVC中的V,即视图) 用户管理数据发送页面:usermanagement.php(也可以说是MVC中的M,即模型) ...

ajax异步请求302分析

1.前言 遇到这样一种情况,打开网页两个窗口a,b(都是已经登录授权的),在a页面中退出登录,然后在b页面执行增删改查,这个时候因为授权原因,b页面后端的请求肯定出现异常(对这个异常的处理,进行内部跳 ...

POI导出Excel不弹出保存提示_通过ajax异步请求(post)到后台通过POI导出Excel

实现导出excel的思路是:前端通过ajax的post请求,到后台处理数据,然后把流文件响应到客户端,供客户端下载 文件下载方法如下: public static boolean downloadLo ...

ajax异步请求

做前端开发的朋友对于ajax异步更新一定印象深刻,作为刚入坑的小白,今天就和大家一起聊聊关于ajax异步请求的那点事.既然是ajax就少不了jQuery的知识,推荐大家访问www.w3school.c ...

spring HandlerInterceptorAdapter拦截ajax异步请求，报错ERR_INCOMPLETE_CHUNKED_ENCODING

话不多说,直接上正文. 异常信息: Failed to load resource: net::ERR_INCOMPLETE_CHUNKED_ENCODING 问题描述: 该异常是在页面发送ajax请 ...

随机推荐

[LeetCode] Count and Say 计数和读法

The count-and-say sequence is the sequence of integers beginning as follows:1, 11, 21, 1211, 111221, ...

Command调用存储过程小实例

selenium-pageobject设计模式

from selenium import webdriverfrom selenium.webdriver.common.by import Byfrom time import sleepfrom ...

Spring Quartz定时调度任务配置

applicationContext-quartz.xml定时调度任务启动代码: <?xml version="1.0" encoding="UTF-8" ...

24种设计模式--迭代模式【Iterator Pattern】

周五下午,我正在看技术网站,第六感官发觉有人在身后,扭头一看,我 C,老大站在背后,赶忙站起来,“王经理,你找我?” 我说. “哦,在看技术呀.有个事情找你谈一下,你到我办公室来一下.” 老大说. 到 ...

修改本地数据库root权限密码

方法1: 用SET PASSWORD命令 测试成功 首先登录MySQL @1——mysql DOS 窗口中. 格式:mysql> set password for 用户名@localhost = ...

WPF自学入门(三)WPF路由事件之内置路由事件

有没有想过在.NET中已经有了事件机制,为什么在WPF中不直接使用.NET事件要加入路由事件来取代事件呢?最直观的原因就是典型的WPF应用程序使用很多元素关联和组合起来,是否还记得在WPF自学入门(一 ...

『计算机视觉』Region Proposal by Guided Anchoring

论文地址:Guided Anchoring 不得不佩服自媒体,直接找到了论文作者之一写了篇解析文章,这里给出链接,本文将引用一部分原作者的解析,减少我的打字量,也方便结合比照理解. 一.问题和思路 1 ...

element-ui：el-table时间格式化

如果想对表格某一列的内容格式化,可用 formatter 属性.属性绑定格式化的方法即可

上传文件---未能找到路径&OpenCurlyDoubleQuote;D&colon;&bsol;MyProject&bsol;Files&bsol;”的一部分

C# 使用控件FileUpload 上传文件,简单实例: protected void btnUpload_Click(object sender, EventArgs e) { string pat ...