MVC-通过ajax注册

最新推荐文章于 2022-07-21 10:32:50 发布
最新推荐文章于 2022-07-21 10:32:50 发布
阅读量287 收藏
点赞数
分类专栏： MVC


@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Register</title>
    <script src="~/Scripts/jquery-3.3.1.min.js"></script>
    <script>
        $(function () {
            $('#btnRegister').click(function () {
                var data = $('#frm').serializeArray();
                $.post('Register', data, function (content) {
                    alert(content);
                });
            });
        });
    </script>
</head>
<body>
    <div>
        <form id="frm" method="post">
            用户名<input type="text" name="UserName" value="" /><br />
            密 码<input type="password" name="UserPass" value="" /><br />
            邮 箱<input type="text" name="Email" value="" /><br />
            <input id="btnRegister" type="button" value="注册" />
        </form>
    </div>
</body>
</html>

/******************************************************************************************************************/

 

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

namespace MvcTest1.Controllers
{

    public class UserInfoController : Controller
    {
        UserInfoDbContext db = new UserInfoDbContext();
        // GET: UserInfo
        public ActionResult Index()
        {
            return View();
        }
        public ActionResult Register()
        {
            return View();
        }

        //处理post请求
        [HttpPost]
        public ActionResult Register(UserInfo userInfo)
        {

            userInfo.RegTime = DateTime.Now;
            db.UserInfo.Add(userInfo);
            if (db.SaveChanges() > 0)
            {
                return Content("ok");
            }
            else
            {
                return Content("Fail");
            }
        }
    }
}

/******************************************************************************************************************/

using System;
using System.Collections.Generic;
using System.ComponentModel.DataAnnotations;
using System.Linq;
using System.Web;

namespace Mvc190212.Models
{
    public class UserInfo
    {
        [Key]
        [Required]
        public int ID { get; set; }

        [Required]
        [StringLength(32)]
        public string UserName { get; set; }

        [Required]
        [StringLength(32)]
        public string UserPass { get; set; }

        [Required]
        public DateTime RegTime { get; set; }

        [Required]
        [StringLength(32)]
        public string Email { get; set; }
    }
}

/******************************************************************************************************************/

using System;
using System.Collections.Generic;
using System.Data.Entity;
using System.Data.Entity.ModelConfiguration.Conventions;
using System.Linq;
using System.Web;

namespace Mvc190212.Models
{
    public class UserInfoDbContext:DbContext
    {
        public UserInfoDbContext():base("name=connStr")
        {

        }

        protected override void OnModelCreating(DbModelBuilder modelBuilder)
        {
            modelBuilder.Conventions.Remove<PluralizingTableNameConvention>();
        }

        public DbSet<UserInfo> UserInfo { get; set; }

    }
}

dxm809
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
SpringMVC中使用Ajax（带效果图）
weixin_45802810的博客
07-20 1509
Ajax介绍 Ajax即异步的 JavaScript 和 XML，是一种无需重新加载整个网页的情况下，能够更新部分模块的网页技术。使用ajax技术的网页，通过在后台服务器进行少量的数据交换，就可以实现异步局部更新。 Ajax应用场景 注册时，输入用户名自动检测用户是否已经存在； 登陆时，提示用户名密码错误； 删除数据行时，将行ID发送到后台，后台在数据库中删除，数据库删除成功后，在页面DOM中将数据行也删除…… Ajax工具类 Ajax的核心是XMLHttpRequest对象(XHR)。XHR为向
Ajax用户注册页面
abc1498880402的博客
10-24 7286
一、实验目的： 使用HTML超文本标记语言制作简单页面，要求通过实验能够掌握HTML文件的基本结构和文档的创建、编辑及保存。 验证并掌握HTML超文本标记语言的文本、图像、超链接、表格、表单等标记的使用。 通过实验掌握层叠样式表CSS的创建及应用，掌握在网页中插入层叠样式表CSS的常用方法，掌握层叠样式表CSS的主要基本属性的使用。 通过实验了解JavaScript的编程规范及基本语法，能...
MVC Ajax
BOLSB的博客
07-21 343
jQuery利用JavaScript的函数式编程特性，经常把创建的或传递的函数作为jQuery方法的参数。在上面代码中，之所以使用this关键字来引用要做动画效果的元素，是因为hs指向的是触发事件的元素。jQuery的on方法（以及对应的off方法，用于取消订阅事件）是在jQuery1.7中引入的，用于为事件绑定提供一个统一的API.on方法取代了原来的bind、live和delegate方法；传进的函数可以是匿名的，像本节前面的“jQuery函数”中的例子，也可以是一个作为事件处理程序的命名函数。...
Ajax简单实现注册用户名校验
行行失故路
03-07 3367
Ajax 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。 通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。 传统的网页（不使用 Ajax）如果需要更新内容，必须重载整个网页页面。 作用：提升用户的体验
Ajax实现用户注册（详细版）
weixin_30896511的博客
09-06 551
随着信息技术的发展，网络时代和我的生活密切相关，在讲解ajax之前先 chitchat 下，呼呼。。现在真是信息大爆炸的时代，想了解什么，或者想学习下什么只要你走进网络，轻松挥动鼠标，点击 search 即可搞定，而用ajax实现的搜索速度快，减轻的客户端与服务端的负荷作用。下面用一个实例说明实现ajax无刷新用户验证 ajax.js Code Code 1/**//**...
7-Spring-mvc-ajax支持1
08-04
总结来说，Spring MVC通过`@RequestBody`和`@ResponseBody`注解，结合`HttpMessageConverter`，提供了强大的Ajax支持，使得开发者可以轻松地实现前后端的数据交换，构建更加动态和高效的Web应用。
Crud-MVC-C-
02-13
通过这个项目，开发者可以学习到如何使用C#和ASP.NET MVC框架构建Web应用，理解MVC模式的工作原理，以及如何结合JavaScript来提升用户体验。同时，还会涉及到数据库操作（如Entity Framework），路由配置，以及如何...
MVC-Tech-Blog
03-17
在我们的技术博客中，视图负责展示文章列表、单篇文章详情、用户登录注册界面、评论区等。JavaScript在这里起到关键作用，它可以动态地更新视图，响应用户的交互。例如，当用户点击加载更多文章按钮时，JavaScript...
MVC-TechBlog
03-26
**MVC 技术博客项目概述** MVC（Model-View-Controller）是一种软件设计模式，广泛...通过深入理解这个项目，开发者可以提升JavaScript编程能力，掌握MVC模式在实际项目中的应用，以及如何构建高效、可维护的Web应用。
spring第11章--ajax,上传下载,拦截器.rar_spring mvc_spring 下载_spring 使用ajax
09-14
- **jQuery Ajax**：Spring MVC常与jQuery库结合使用，通过$.ajax()或$.get()、$.post()等方法发送Ajax请求。在后端，你需要创建一个处理Ajax请求的Controller方法，使用@RequestMapping注解来定义URL路径。 ```...
mvc ajax 增删改
01-08
Mvc + Ajax 增删改Mvc + Ajax 增删改 有库下载直接运行，如果好用，记得评论哈
mvc中ajax,学习简单的MVC中的Ajax
weixin_39791349的博客
08-05 380
1 jQuery中的Ajax1.1 $.ajax()方法$.ajax()方法是jQuery最底层的Ajax实现。其结构为：该方法只有一个参数，但在这个对象里包含了$.函数等信息。参数以key/value形式存在，所有参数都是可选的，常用参数如下表：1.2 $.get()方法$.get()方法使用GET方式来进行异步请求它的结构：$.get()方法参数解释如下：1.3 $.post()方法它与$.g...
SpringMVC使用Ajax异步提交请求完成登录
jerryzhou的博客
08-09 4564
使用Ajax异步提交表单，登录，返回json数据。 一、效果 二、配置 springmvc.xml &amp;lt;?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot;?&amp;gt; &amp;lt;beans xmlns=&quot;http://www.springframework.org/schema/beans&quot; xmlns:x
MVC框架中 ajax实现无刷新用户名验证
xxmzumeng的专栏
03-13 2223
模板代码  function ajaxDate(){    var xhr = window.XMLHttpRequest?new XMLHttpRequest():new ActiveXObject("Msxm12.XMLHTTP");  var username =document.getElementById('username').value;  var url="i
ajax实现用户登录注册和退出
热门推荐
kxydoublek的博客
06-21 1万+
ajax实现用户注册登录和退出
ASP.NET MVC之Ajax如影随行
weixin_30399155的博客
07-04 346
一、Ajax的前世今生 我一直觉得google是一家牛逼的公司，为什么这样说呢？《舌尖上的中国》大家都看了，那些美食估计你是百看不厌，但是里边我觉得其实也有这样的一个哲学：关于食材，对于种食材的菜农来讲，可能它的价值就是卖到市场上而已；而对于大厨们来讲，却可以像变魔术一样将不起眼的食材变成美味佳肴。大厨们不拥有食材，但他们却可以恰到好处的搭配使用它们，这就是他们的精明之处。...
注册用户添加Js和Ajax验证
dukangcheng的博客
03-03 5836
注册用户的时候几乎所有的网站都会用到Js和Ajax进行验证操作，这也是一个做WEB程序员必须要掌握的技能点。       现在我们来看一下怎么写这个js和ajax代码：（以jsp页面为例）       首先 jsp页面代码：此处只设登录名和密码             首先js验证一般我们在做注册功能时是用来验证用户输入的格式是否正确，输入是否为空等等。        
JAVAEE5课程设计-基于S2SH电子商城设计与实现.doc
最新发布
06-29
该项目利用了Ajax技术增强用户界面交互，并且遵循了B/S分布式结构，体现了软件工程的开发思想，通过UML进行系统建模。" 在这个课程设计中，开发者首先介绍了电子商城系统的需求背景，随着网络的普及和线上购物的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值