jQuery and AJAX Tutorials 44 | When to use AJAX? Video Lecture | AJAX and jQuery: Complete Series for Beginners - Front-End Programming

sup guys my name is Ileana and this is
your 44th tutorial and starting for this
tutorial we are only going to focus on
an Jax except the last tutorial where we
just do a quick overview and on what we
learn so in this story we are going to
talk about in which cases you would use
adjectives each not because I don't want
you guys to learn the wrong stuff and
use educate so I was asked the question
can we use add jacks or jQuery with add
jacks to laud and image externally and
the answer is yes we actually can but
this is not something you want to do
using adjectives a simpler way how to do
that for right here I have a button and
and a blank image just an image element
was the source of null and so what I
want to have what I'm gonna do pretty
much when I click this button I want an
image which is stored on my server
I called image JPEG to be loyal to this
container and the simplest way to do
that is to select this container which
IDs is container and just set it
attribute of source to the to the file
name so in our case the past is image
JPEG is imaged that JPEG itself so I'll
just copy its name and I paste it in
second parameter so what it does it just
simply grabs the source attribute of
this image container and replace this
value which is empty currently to this
value so it it automatically gets like
this so this is what jQuery will do for
us so let's see if it works I just did
go jQuery and you see that this image
was loaded as synchronically
and we didn't use jQuery with Ajax for
that so this is one of the examples
where you wouldn't use
adjectives are a source you can just
simply set it stores attribute and now
I'll show an example where you would use
Ajax
so we can get rid of this image well
actually you can rename this image to
div and we can live its idea of
container and get rid of the source and
out and out thanks and just create a
blank D felon for the most part so now
we have this empty div container and the
button and I will name it to go add Jax
go this so you can use Ajax to load some
pieces of HTML code to your web page and
right here I have an HTML document which
I called sample data HTML and it just
basically has I'll just open for you
guys in the browser just the list with
items and stuff and let's just imagine
we want to add some piece of external
HTML code to our web page using Ajax and
this is something where of course we
have to take advantage of address so
let's just start doing that and you know
the simplest way to do that is choose
this get function because this get
function is very simple you just well
what do you do you just go like this
you provide you just write the path to
this document you're required which is
sample dot HTML and the second parameter
is a function which will run when the
request is over and this data parameter
is a variable and its contents it
contains the contents of this sample dot
HTML document so we can just go ahead
and display to the container so we can
just go ahead and save the container and
say container dot HTML should be equal
to Stata now let's just go ahead and
test it I just click go edge it's go and
edge exploded these things for me so
these are like the most
like the simplest ways how to use edge X
Y this get function and the other common
functions which we use in jQuery to work
with add jacks are post and we already
use this post function it creates just a
post request to the server and there is
also function called add Jack's so in
this tutorial we will learn more about
adjectives get and the difference
differences between of them so I hope
you guys like this tutorial and thanks
for watching I'll see you guys in the
forty-fifth tutorial