Bu makalede mvc ve ajax ile login i�lemi nas�l yap�l�r onu g�rece�iz.
Bir mvc projesi olu�tural�m.Controllers klas�r� i�erisinde 'HomeController' adl� bir controller olu�tural�m.
public class HomeController : Controller
{
public ActionResult Index()
{
return View();
}
}View'imizi ve layout'umuzu olu�tural�m.
Layout.cs
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>@ViewBag.Title</title>
<style type="text/css">
* {
color: #000000;
font-family: Calibri;
font-size: 14px;
padding: 0;
}
body {
background-color: #808080;
}
.kutu {
margin: 0 auto;
width: 24%;
height: 170px;
padding: 4%;
background-color: #ffffff;
}
label, input {
display: block;
}
input[type="text"], input[type="password"] {
width: 100%;
height: 30px;
margin-bottom: 15px;
}
#login {
width: 80px;
height: 27px;
}
</style>
</head>
<body>
<div class="kutu">
@RenderBody()
</div>
<script src="~/Scripts/jquery-3.1.1.min.js"></script>
<script src="~/Scripts/LoginControl.js"></script>
</body>
</html>
Index.cs
@{
ViewBag.Title = "Giri� Paneli";
}
<label>Kullan�c� Ad�</label>
<input class="kAd" type="text" placeholder=" Kullan�c� Ad�n� Giriniz" />
<label>�ifre</label>
<input class="sifre" type="password" placeholder=" �ifreyi Giriniz" />
<button id="login">Giri�</button>�imdi Scripts klas�r�nde 'LoginControl' adl� bir script dosyas� olu�tural�m ve kodlar� yazal�m.
$("#login").click(function () {
var degerler = {
kAd: $(".kAd").val(),
sifre: $(".sifre").val()
};
$.ajax({
type: 'POST',
url: '/Home/LoginControl',
data: JSON.stringify(degerler),
dataType: 'JSON',
contentType: "application/json;charset=utf-8",
success: function (gelenDeg) {
if (gelenDeg === "1") {
alert("Giri� Ba�ar�l�! Y�nlendiriliyorsunuz..");
setTimeout(function () { window.location.href = '/Home/AdminPage' }, 2000);
}
else if (gelenDeg === "2") {
alert("Kullan�c� ad� yada �ifre alan� bo� olamaz!");
}
else if (gelenDeg === "0") {
alert("Kullan�c� ad� yada �ifre hatal�!");
$(".kAd").val("");
$(".sifre").val("");
}
},
error: function () {
alert("Bir hata olu�tu");
$(".kAd").text("");
$(".sifre").text("");
}
});
});HomeController'�m�z� ge�elim ve kodlar�m�z� yazal�m.
using System;
using System.Web.Mvc;
namespace LoginControllers.Controllers
{
public class HomeController : Controller
{
public ActionResult Index()
{
return View();
}
[HttpPost]
public JsonResult LoginControl(string kAd, string sifre)
{
string kullaniciAd = "admin";
string kullaniciSifre = "123456";
if (String.IsNullOrEmpty(kAd) || String.IsNullOrEmpty(sifre)) return Json("2");
if (kullaniciAd == kAd && kullaniciSifre == sifre)
return Json("1");
else
return Json("0");
}
public ActionResult AdminPage()
{
return View();
}
}
}LoginController'�m�z� yazd�k ve giri� ba�ar�l� ise AdminPage sayfas�na gitmesini sa�layaca��z.Bunun i�in AdminPage sayfas�n�da olu�tural�m.
@{
ViewBag.Title = "Admin Page";
}
<h2>AdminPage Sayfas�</h2>
Yap�lacak i�lemler bu kadar arkada�lar.
Programdan g�r�nt�ler
E�er kullan�c� ad� yada �ifre hatal� ise alert ile mesaj verdiriyoruz.
Giri� ba�ar�l� ise alert ile mesaj verdirdikten 3 saniye sonra 'AdminPage' sayfas�na y�nlendirme yap�yoruz.
Yorum Gönder