jQuery and AJAX Tutorials 46 | Logging in with jQuery Video Lecture | AJAX and jQuery: Complete Series for Beginners - Front-End Programming

sup guys this is your 46 tutorial and
let's just go ahead and continue coding
okay this button is actually our login
button
well I call it science signing but
anyway this is this is this should be
just fine and so what we have to do we
have to send the username of the
password to the server and I called PHP
script just server dot PHP and now just
perform and a Jaques request and I think
some of you guys can remember how it
works so the first parameter is always
the file name of the script which we are
referring to this is the server dot PHP
in our case and the second parameter is
these variables which was hand and I'll
just say plug-in should be equal to
username and password should be equal to
password and then we need a function
with some data like this so let's see so
of course we need to fetch the values of
username and password before we send
this request and it will do it right now
so username should be equal to the user
name textbox this value as well as a
password will be similar and weak hwal
to this password that value so now we
have password username when we are
sending it to the server and then the
server will answer
alright now I'll just write some code
for the server HP stuff so if is set and
with what is if you set does it just
checks if this variable is set both seem
simple enough so if the password if is
set I only check on password I cuz I'm
too lazy to check the whole thing so if
the password is set the password should
be equal to the post password and it's
post password if the data which comes
from this edge X for quest so this
password which we send to the server
that PHP and the username or I'll just
go plug in should be equal to plug in
and make sure you use well on the left
side you see the variables which you
send to the server so this one is login
and this one is password and that's why
we are looking for the follow for the
blog in this post request so what I did
right now is just simple PHP script and
I also created a database I call it just
database that takes T and of course in
in real life you won't have a database
stored in text to file without any
encryption you'd normally have it in
that real database like MySQL for
instance but well I mean this tutorial
is just like to learn about edge X and
stuff so I wrote the script anyway and
it just looks for this user and password
combinations and if you only want to
learn jQuery and a jaques you don't have
to worry about that what it does it just
gets the password in your username and
it looks for in the database if they
match and if they match it says welcome
and use your name if it doesn't match
that's wrong login so just go ahead and
test it and by the way I also modified
our code a little bit and I added this
console that log so that we can see the
the output of this request in the
console alright uh now we can just try
I'll just say Trier or tester something
like this and password like this and I
think I click signing and it says wrong
login and if you pick a real user name
which is tester for instance and it's
password which is simple password base
is right here and we click signing and
it says welcome tester yes first by the
way if you want this if you don't want
to see the science the characters in the
password field you're gonna say its type
should be password like this and then
you can enter your password and no one
can see you or what you're entering at
least if no one looks at the keyboard
while typing well anyway this is a
simple a Jaques login but we are not
down with that because we also have to
display a proper user message and well
this tutorial is already getting too
long and the next tutorial will improve
this login functionality and stuff so
I'll see you guys in the next tutorial
you