asp.net core 中Ajax的使用

最新推荐文章于 2024-07-22 21:07:03 发布

原创最新推荐文章于 2024-07-22 21:07:03 发布 · 6.2k 阅读

4 ·

CC 4.0 BY-SA版权

Asp.net core 专栏收录该内容

5 篇文章

订阅专栏

本文介绍如何使用HTML5、jQuery和Ajax实现网页上的用户注册功能，详细讲解了前端Ajax调用、jQuery导入及后端控制器处理过程。

导入jquery

<script src="~/lib/jquery/dist/jquery-3.3.1.js" type="text/javascript"></script>

在js脚本中写Ajax

function FormAjax(){
    $.ajax({
        url: "Register/RegisterResult",
        data: {
            "phone": phone, "verification_code": verification_code,
            "password": password, "password_again": password_again
        },
        type: "post",
        dataType:"text",
        success: function (response) {
            alert(response);
        }
    });
}

HTML5中使用

<input id="register_btn" onClick="FormAjax();" type="submit" value="立即注册">

控制器RegisterController中使用

        public string RegisterResult()
        {
            RegisterViewModel register = new RegisterViewModel();
            register.MobilePhone = Request.Form["phone"];
            register.VerificationCode = Request.Form["verification_code"];
            register.Password = Request.Form["password"];
            register.PasswordAgain = Request.Form["password_again"];
            if (register.MobilePhone!=""&&register.VerificationCode!=""
                &&register.Password!=""&&register.PasswordAgain!="")
            {
                return "ok";
            }
            else{
                return "false";
            }
        }