mvc 异步请求、异步连接、异步表单

》》》 利用Jquery ajax

在这里插入图片描述
》》》 mvc 异步表单

c# MVC 添加异步 jquery.unobtrusive-ajax.min.js 方法
具–>Nuget程序包管理器–>程序包管理器控制台
在控制台输入:PM>Install-Package Microsoft.jQuery.Unobtrusive.Ajax –version 3.0.0
回车执行即可在Scripts中看到改js文件
2、html代码 及视图代码

<style type="text/css">#imgLoad {display: none;}</style>@using (Ajax.BeginForm("Login_Ajax", "Login", new AjaxOptions {Confirm = ”你是否确定要提交“, HttpMethod = "post", InsertionMode = InsertionMode.InsertAfter,UpdateTargetId = "视图中html元素的ID", //  返回的信息,填充在这个ID中。OnSuccess = "back", //成功之后 方法的 js函数LoadingElemId=”imgLoad” //视图中html元素的ID  一边服务器处理耗时,显示这个图片,请求之前是不显示的,请求显示,成功返回,就不显示了“})){<table border="0" cellpadding="0" cellspacing="2"><tr><td width="330" height="331"> </td><td width="145"> </td><td width="62"> </td><td width="119"> </td></tr><tr><td height="29"> </td><td>@Html.TextBoxFor(s => s.UserName, new { @tabindex = "1", @class = "login_text" })</td><td rowspan="2"><button id="btnLogin" tabindex="3" class="button_1" type="submit" /></td><td rowspan="2">@Html.ActionLink("注册账号", "Register") </td></tr><tr><td height="26"> </td><td>@Html.PasswordFor(s => s.PassWord, new { @tabindex = "2", @class = "login_text" })</td></tr></table>}<div id="imgLoad">加载中~~~(一边是gif照片)</div>

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

VIEW 代码


@{Layout = null;
}<!DOCTYPE html><html>
<head><meta name="viewport" content="width=device-width" /><title>Index</title><script src="~/Scripts/jquery.min.js"></script><script src="~/Scripts/jquery.unobtrusive-ajax.min.js"></script><style type="text/css">#imgload {display:none;}</style><script type="text/javascript">function suc(data){//  成功回调函数}function fal(data){//  失败回调函数}</script>
</head>
<body><div>        <hr>@Ajax.ActionLink("获取时间", "GetDateTime", new AjaxOptions{Confirm="你确定获取数据",HttpMethod="Post",LoadingElementId="imgload",InsertionMode = InsertionMode.InsertBefore,UpdateTargetId = "rst",OnSuccess="suc",OnFailure="fal"})<hr /><p><label id="rst"></label></p><h1>异步表单:</h1>@using (Ajax.BeginForm("GetDateTime", "Home", new AjaxOptions(){//提交请求的方法HttpMethod = "post",//成功时执行的异步函数OnSuccess = "suc",OnFailure = "fal",InsertionMode = InsertionMode.InsertBefore,UpdateTargetId = "rst",//请求时加载的图片LoadingElementId = "imgload"})){<input type="text" name="txtName" /><input type="submit" />}<img id="imgload" src="~/imgs/load.gif" /></div>
</body>
</html>

Controller

在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/bicheng/7582.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

PM说|还有不会DISC的项目经理?

DISC行为模型是一种常用于职场中的人际交往工具&#xff0c;它通过对个体的行为特点进行分类和分析&#xff0c;帮助人们更好地理解自己和他人的行为方式&#xff0c;从而更加高效地进行沟通和合作。在项目管理过程中&#xff0c;多方沟通是必备工作技能&#xff0c;如何利用DI…

四级英语翻译随堂笔记

降维表达&#xff1a;中译英&#xff0c;英译英 没有强调主语&#xff0c;没有说明主语&#xff1a;用被动 但如果实在不行&#xff0c;再增添主语 不会就不翻译&#xff0c;不要乱翻译 以xxx为背景&#xff1a;against the backdrop of the xxx eg:against the backdrop of…

录屏软件哪个好用?这4款不容错过!

在现代社会中&#xff0c;信息的传递和分享变得越来越重要。一个好的录屏软件能够帮助我们将想要分享的信息快速直观地展示给他人。 通过下文推荐的4款录屏软件&#xff0c;我们可以轻松地分享自己的知识、经验和见解&#xff0c;让更多的人受益。 方法一&#xff1a;QQ软件进…

目前最便宜的VPS多少钱一个月?

目前最便宜的VPS一个月的价格在5美元左右&#xff0c;换算成人民币约为35元。 VPS服务器的配置、性能、所在地区都是影响其价格的因素&#xff0c;价格与性能呈正相关&#xff0c;也有的廉价VPS的服务商会提供性能低的配置&#xff0c;让用户可以进行简单的网站托管或开发环境…

ast-hook的使用

官方githubGitHub - JSREI/ast-hook-for-js-RE: 浏览器内存漫游解决方案&#xff08;探索中...&#xff09; 首先下载项目以及nodejs(不要低于14版本) 下载地址Node.js — Node v16.13.0 (LTS) (nodejs.org) ast-hook建议下载这个版本 新版本会出现hook未定义 进入项目目录…

Flume+Hadoop:打造你的大数据处理流水线

引言 在大数据处理中&#xff0c;日志数据的采集是数据分析的第一步。Apache Flume是一个分布式、可靠且可用的系统&#xff0c;用于有效地收集、聚合和移动大量日志数据到集中式数据存储。本文将详细介绍如何使用Flume采集日志数据&#xff0c;并将其上传到Hadoop分布式文件系…

3个电脑录制视频技巧,新手也能轻松上手

在当今信息化时代&#xff0c;电脑录制视频已经成为人们日常工作和学习中的一项重要技能。无论是录制在线会议、教程讲解还是游戏直播&#xff0c;一款合适的录屏软件都至关重要。本文将介绍三种常见的电脑录制视频方法&#xff0c;为广大用户提供详细的操作步骤&#xff0c;满…

【日志记录】---编译器内存对齐优化导致结构体指针引用成员出现地址错位

一&#xff1a;问题现象 在一个跨线程数据处理消息的时候出现了以下内存错位现象&#xff0c;在结构体指针引用的时候出现了成员数据异常 1.【数据源】线程A消息里面赋值的数据 //字节流 message.data[0] (unsigned char)model_brake_disable_type_read(); message.data[1]…

【C++】C++11--- 类的新功能

目录 类的新功能 默认成员函数 示例 类成员变量初始化 强制生成默认函数的关键字default 禁止生成默认函数的关键字delete 类的新功能 默认成员函数 构造函数析构函数拷贝构造函数拷贝赋值重载取地址重载const取地址重载 C11在原先的6个默认成员函数的基础上&#xff0c…

OceanBase学习1:分布式数据库与集中式数据库的差异

目录 1. 传统集中式数据库 2. 数据库中间件的分库分表 3. 分布式数据库的基本特点及对比分析 4. OceanBase和传统数据库的对比 5. 小结 1. 传统集中式数据库 优点 成熟稳定:经过近40年的发展&#xff0c;应用到各行各业&#xff0c;产品技术非常成熟稳定行业适配性强:适配…

RabbitMQ的介绍和使用

1.同步通讯和异步通讯 举个例子&#xff0c;同步通讯就像是在打电话&#xff0c;因此它时效性较强&#xff0c;可以立即得到结果&#xff0c;但如果你正在和一个MM打电话&#xff0c;其他MM找你的话&#xff0c;你们之间是不能进行消息的传递和响应的 异步通讯就像是微信&#…

流畅的python-学习笔记_一等函数

函数对象 函数也是对象&#xff0c;操作可像对象一般操作 高阶函数 高阶函数指接受参数为函数&#xff0c;或返回函数的函数 不少高阶函数在py3已经有了替代品。map&#xff0c; filter可通过生成式实现&#xff0c;reduce&#xff08;在functools里&#xff09;可通过sum实…

解决 git克隆拉取代码报SSL certificate problem错误

问题&#xff1a;拉取代码时报错&#xff0c;SSL证书问题:证书链中的自签名证书问题 解决&#xff1a;只需要关闭证书验证&#xff0c;执行下面代码即可&#xff1a; git config --global http.sslVerify "false" 再次拉取代码就可以了

使用代理IP时,如何预防未知的风险?

在使用代理IP时&#xff0c;预防未知的风险是至关重要的。代理IP虽然提供了诸多便利&#xff0c;如匿名浏览、访问控制和内容过滤等&#xff0c;但如果不加以妥善管理和使用&#xff0c;可能会面临数据泄露、隐私暴露、恶意活动关联等风险。以下是一些建议&#xff0c;以帮助您…

使用mxnet中的img2rec.py制作rec数据集

源码链接&#xff1a;mxnet/tools/im2rec.py at master apache/mxnet GitHub 重点关注入参函数即可&#xff0c; def parse_args():"""Defines all arguments.Returns-------args object that contains all the params"""parser argparse.A…

一键实现在VS Code中绘制流程图

VS Code是一款常用的IDE&#xff0c;受到许多用户的欢迎和喜爱。而其较为出众的一点&#xff0c;就是较好的可拓展性&#xff0c;即丰富的插件应用&#xff0c;这些应用可以极大地提高生产效率&#xff0c;并优化日常使用。 流程图是一种直观的图示方法&#xff0c;可以用简明…

BIGRU、CNN-BIGRU、CNN-BIGRU-ATTENTION、TCN-BIGRU、TCN-BIGRU-ATTENTION合集

&#xff08;BIGRU、CNN-BIGRU、CNN-BIGRU-ATTENTION、TCN-BIGRU、TCN-BIGRU-ATTENTION&#xff09;时&#xff0c;我们可以从它们的基本结构、工作原理、应用场景以及优缺点等方面进行详细介绍和分析。 BIGRU、CNN-BIGRU、CNN-BIGRU-ATTENTION、TCN-BIGRU等&#xff08;matlab…

层级实例化静态网格体组件:开启大量模型处理之门

前言 在数字孪生的世界里&#xff0c;我们常常需要构建大量的模型来呈现真实而丰富的场景。然而&#xff0c;当使用静态网格体 &#xff08;StaticMesh &#xff09;构建大量模型时&#xff0c;可能会遇到卡顿的问题&#xff0c;这给我们带来了不小的困扰&#x1f623;。那么&…

Spring Data JPA自定义Id生成策略、复合主键配置、Auditing使用

前言 在Spring Data JPA系列的第一篇文章 SpringBoot集成JPA及基本使用-CSDN博客 中讲解了实体类的Id生成策略可以通过GeneratedValue注解进行配置&#xff0c;该注解的strategy为GenerationType类型&#xff0c;GenerationType为枚举类&#xff0c;支持四种Id的生成策略&…

STM32F407VET6 学习笔记2:定时器、串口、自定义串口打印函数

今日继续学习使用嘉立创购买的 立创梁山派天空星&#xff0c;芯片是 STM32F407VET6 因为已经有学习基础了&#xff0c;所以学习进度十分快&#xff0c;这次也是直接一块学习配置定时器与串口了&#xff0c;文章也愈来愈对基础的解释越来越少了...... 文章提供测试代码讲解、完…