Ajax请求。数据的提交,参数的传递。FormCollection

<1>

<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>

<head runat="server">
    <title>ajax请求</title>
    <link type="text/css" rel="stylesheet" href="/Content/style.css" />
    <script type="text/javascript" src="/Scripts/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="/Scripts/js.js"></script>
</head>
<body>
    <!--顶部+logo+导航-->
    <div class="logo_box">
        <div id="logo">
            <a title="ajax请求">ajax请求</a></div>
    </div>
    <!---->
    <div class="loginCon">
        <div class="loginBanner">
            <img src="/Images/4499633_182932517000_2.jpg" /></div>
        <div class="loginBox">
            <h2>
                <span class="fl">会员登录</span><span class="newUser">没有账号?<a href='<%=Url.Action("Register","Account") %>'>立即注册</a></span></h2>

            <form id="formData">
            <div class="loginForm">
                <div class="inputBox">
                    <input type="text" name="user" value="用户名/手机号" class="userId" />
                </div>
                <div class="inputBox">
                    <input type="text" value="密码" class="textStyle" />
                    <input type="password" name="pwd" class="passwordStyle none" />
                </div>
                <div class="warn">用户名或密码错误!</div>
                <div class="remember">
                    <label>
                        <input type="checkbox" name="remembered" checked />
                        自动登录</label>
                    <a class="forget" href='<%=Url.Action("ResetPwd","Login") %>' >忘记密码?</a>
                </div>
                <input class="loginBtn" type="button" value="登录"/>
            </div>
            </form>
        </div>
    </div>
</body>
<script type="text/javascript">
    $(function () {
        $('.userId,.passwordStyle').on('keyup', function (e) {
            if (e.keyCode == 13) {
                $('.loginBtn').trigger('click');
            }
        });

        $('.loginBtn').on('click', function () {
            $(".warn").hide();
            var pwd = $('.passwordStyle').val();
            if (pwd == '') {
                $(".warn").show().html('请输入密码');
                return false;
            }
            var data = $("#formData").serialize();
            $.post("/login/checkLoginInfo", data, function (ajaxObj) {
                //回传内容{status: 1(success)/0(fail),}
                if (ajaxObj.status == 0 || status == null) {
                    $(".warn").show().html('用户名或密码错误!');
                } else {
                    //登陆成功,跳转都制定页面
                    window.location = '/memberCenter/index';
                }
            }, "json");
        });
    });
</script>
</html>

<2>

控制器

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

namespace bigtree.Controllers
{
    using bigtree.Models;
    using bigtree.Model;
    using bigtree.lib;
    using System.Net.Mail;
    using System.Text.RegularExpressions;

    public class LoginController : Controller
    {
        public ActionResult Index()
        {
            return View();
        }
        /// <summary>
        /// 检查登陆
        /// </summary>
        /// <param name="f"></param>
        /// <returns></returns>
        [HttpPost]
        public ActionResult CheckLoginInfo(FormCollection f)
        {
            try
            {
                //post:   user , pwd ,remembered
                string user = f["user"].Trim();
                string pwd = f["pwd"].Trim();
                string remembered = f["remembered"].Trim();

                JsonResult res = new JsonResult();
                if (string.IsNullOrEmpty(user) || string.IsNullOrEmpty(pwd))
                {
                    res.Data = new { status = 0 };
                }
                //MD5加密后的密码
                pwd = System.Web.Security.FormsAuthentication.HashPasswordForStoringInConfigFile(pwd, "md5").ToLower();
                //从数据库读取
                Common.WebUser account = MemberInfoService.GetMemberIdForCheck(user, pwd);
                if (account == null)
                {
                    res.Data = new { status = 0 };
                }
                else
                {
                    //{status: 1(success)/0(fail),}
                    res.Data = new { status = 1 };
                    //todo:登陆成功,记录登陆用户信息保存登陆状态
                    FunSession.SetSession(account);

                    //是否记住登录
                    if (remembered == "on")
                    {
                        HttpCookie cookie = new HttpCookie("LoginInfo", account.Id.ToString());
                        //3天有效
                        cookie.Expires.AddDays(3);
                        Response.Cookies.Add(cookie);
                    }
                    else
                    {
                        HttpCookie cookie = new HttpCookie(account.Id.ToString(), account.Id.ToString());
                        //使失效
                        cookie.Expires.AddYears(-1);
                        Response.Cookies.Add(cookie);
                    }
                }
                return res;
            }
            catch (Exception ex)
            {

                throw ex.InnerException;
            }

        }

    }
}
时间: 2024-12-18 16:02:53

Ajax请求。数据的提交,参数的传递。FormCollection的相关文章

原生与jQuery封装的ajax请求数据及状态码

原生Ajax 请求数据 btn.addEventListener('click',function(){ if(window.XMLHttpRequest){ var xhr = new window.XMLHttpRequest(); }else{ //兼容IE浏览器 var xhr = new ActiveXObject('Microsoft.XMLHTTP'); } //请求方式get/post //请求URL //ture 异步请求:false 同步请求 xhr.open('get','

关于ajax请求数据,并将数据赋值给全局变量的一些解决方法

在使用ajax请求数据是,开始的时候是打算将ajax的数据取出,并赋予给全局变量,但是在实际编码过程中发现并不能将数据赋予给最开始定义的全局变量,出现这个问题的原因是由于ajax异步加载的原因,所以只能用其他方法来解决,下来是解决的方法 第一个解决方法没有使用全局变量,直接在ajax请求中将请求到的数据赋值给需要的地方 第二个方法是将请求到的数据,通过方法传参来传递给一个方法,然后再方法中来调用请求到的数据,下面是实现的代码 var testData; $.ajax({ url: '/test'

js方法内Ajax请求数据判断,验证无效(OnClientClick=&quot;return Method();&quot;),还是直接执行后台代码

function CheckAdd() { var flag = true; $.ajax({ cache: false, async: false, url: "/ajaxpage/getajax.aspx?t=adjserviceclientlist&Cellphone=" + Cellphone + "&a=" + Math.random(), dataType: 'json', success: function (data) { if (d

jQuery 中 ajax 请求数据应用的一个小demo

举一个jquery中ajax的应用小 demo 便于以后的更多项目拓展 ,这里要注意的是保存的文件名和文件图片路径问题 ... ajax01.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title> ajax小例子 </title> </head> <body> <!--

session失效,使用ajax请求数据被拦截,此时正常的处理逻辑是跳到登录界面,而不是界面没有变化(java判断是否是ajax请求)

在登录过滤器中,判断请求是ajax请求还是超链接或者地址栏变化的请求 if (httpServletReq.getHeader("x-requested-with") != null && httpServletReq.getHeader("x-requested-with").equalsIgnoreCase("XMLHttpRequest")) { JSONObject jsessiontimeout = new JSONOb

AJAX请求数据_demo

本篇列举三个demo: 1.用ajax请求json格式数据(javascript) 2.用ajax请求json格式数据(Jquery) 3.用jsonp请求json格式数据(Jquery) 页面只有实现两个功能(用get请求-获取数据 & 用post请求-设置修改数据)三个demo页面布局如下: <h1>员工查询</h1> <label>请输入员工编号:</label> <input type="text" id="

Ajax请求数据与删除数据后刷新页面

1.ajax异步请求数据后填入模态框 请求数据的按钮(HTML) <a class="queryA" href="javascript:void(0)" onclick="query(${register.id})"> <span class="glyphicon glyphicon-search"></span></a>  ajax异步请求数据后给id为queryInfo的模态

使用ajax请求数据不能正常访问的问题

这两天做项目,使用$ajax访问数据,但是请求正常发出去,数据也返回来,只是数据不能进入success,如下图: 仔细观察会发现,数据里面的回调函数名 和应该返回的回调函数名不一致所造成的 这时需要修改jquery默认的回调函数名 方法如下: 添加属性 cache:true jsonpCallback:"你设置的函数名" 这时返回的回调函数为何所传的回调函数名一致 这时能够正常访问到数据 原文地址:https://www.cnblogs.com/li-qiang-blog/p/8563

采用Post请求的方式提交参数并导出excel

一般情况下,我们都是采用get请求的方式导出excel.例如采用如下方式: var exportUrl = '/xxx;'; window.open(exportUrl); 导出excel所需的逻辑参数拼接到url上即可. 但是,如果我们需要提交大量的参数到后台才能导出excel, 亦或者我们提交的参数中有中文,get提交乱码了,那么就可能想使用post提交的方式来导出excel.因为post提交支持更多的参数,从而能解决get提交对url长度的限制问题. 然而,一般的post提交表单,意味着主

Ajax请求数据

关于ajax异步刷新的两个方式 一.ajax的高层实现. /*$.post("server.php",{bigname:type}, function(data){ var arr=data.split(","); $("#small option").remove(); $("#small").append("<option value=''>请选择</option>"); for