.NET的Ajax請(qǐng)求數(shù)據(jù)提交實(shí)例

字號(hào):


    本文實(shí)例講述了.NET的Ajax請(qǐng)求數(shù)據(jù)提交實(shí)現(xiàn)方法。分享給大家供大家參考。具體如下:
    復(fù)制代碼 代碼如下:<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>
    <head runat="server">
    <title>ajax請(qǐng)求</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+導(dǎo)航-->
    <div>
    <div id="logo">
    <a>ajax請(qǐng)求</a></div>
    </div>
    <!---->
    <div>
    <div>
    <img src="/Images/4499633_182932517000_2.jpg" /></div>
    <div>
    <h2>
    <span>會(huì)員登錄</span><span>沒有賬號(hào)?<a href='<%=Url.Action("Register","Account") %>'>立即注冊(cè)</a></span></h2>
    <form id="formData">
    <div>
    <div>
    <input type="text" name="user" value="用戶名/手機(jī)號(hào)" />
    </div>
    <div>
    <input type="text" value="密碼" />
    <input type="password" name="pwd" />
    </div>
    <div>用戶名或密碼錯(cuò)誤!</div>
    <div>
    <label>
    <input type="checkbox" name="remembered" checked />
    自動(dòng)登錄</label>
    <a href='<%=Url.Action("ResetPwd","Login") %>' >忘記密碼?</a>
    </div>
    <input 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('請(qǐng)輸入密碼');
    return false;
    }
    var data = $("#formData").serialize();
    $.post("/login/checkLoginInfo", data, function (ajaxObj) {
    //回傳內(nèi)容{status: 1(success)/0(fail),}
    if (ajaxObj.status == 0 || status == null) {
    $(".warn").show().html('用戶名或密碼錯(cuò)誤!');
    } else {
    //登陸成功,跳轉(zhuǎn)都制定頁面
    window.location = '/memberCenter/index';
    }
    }, "json");
    });
    });
    </script>
    </html>
    控制器
    復(fù)制代碼 代碼如下: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();
    //從數(shù)據(jù)庫讀取
    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:登陸成功,記錄登陸用戶信息保存登陸狀態(tài)
    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;
    }
    }
    }
    }
    希望本文所述對(duì)大家的.NET程序設(shè)計(jì)有所幫助。