Load Simple Data Using AJAX Back End

5 minutes
Share the link to this page
Copied
  Completed
You need to have access to the item to view this lesson.
One-time Fee
$99.99
List Price:  $139.99
You save:  $40
€95.97
List Price:  €134.37
You save:  €38.39
£79.79
List Price:  £111.71
You save:  £31.92
CA$140.31
List Price:  CA$196.44
You save:  CA$56.13
A$153.75
List Price:  A$215.26
You save:  A$61.51
S$134.64
List Price:  S$188.51
You save:  S$53.86
HK$778.36
List Price:  HK$1,089.74
You save:  HK$311.37
CHF 89.34
List Price:  CHF 125.09
You save:  CHF 35.74
NOK kr1,107.14
List Price:  NOK kr1,550.05
You save:  NOK kr442.90
DKK kr715.75
List Price:  DKK kr1,002.09
You save:  DKK kr286.33
NZ$171.37
List Price:  NZ$239.93
You save:  NZ$68.55
د.إ367.26
List Price:  د.إ514.18
You save:  د.إ146.92
৳11,945.63
List Price:  ৳16,724.36
You save:  ৳4,778.73
₹8,442.99
List Price:  ₹11,820.52
You save:  ₹3,377.53
RM446.75
List Price:  RM625.47
You save:  RM178.72
₦169,271.38
List Price:  ₦236,986.70
You save:  ₦67,715.32
₨27,777.22
List Price:  ₨38,889.22
You save:  ₨11,112
฿3,446.26
List Price:  ฿4,824.91
You save:  ฿1,378.64
₺3,454.90
List Price:  ₺4,837
You save:  ₺1,382.10
B$580.04
List Price:  B$812.08
You save:  B$232.04
R1,815.38
List Price:  R2,541.61
You save:  R726.22
Лв187.66
List Price:  Лв262.73
You save:  Лв75.07
₩140,436.95
List Price:  ₩196,617.35
You save:  ₩56,180.40
₪371.46
List Price:  ₪520.07
You save:  ₪148.60
₱5,893.31
List Price:  ₱8,250.87
You save:  ₱2,357.56
¥15,475.45
List Price:  ¥21,666.25
You save:  ¥6,190.80
MX$2,042.64
List Price:  MX$2,859.78
You save:  MX$817.14
QR364.56
List Price:  QR510.41
You save:  QR145.84
P1,367.06
List Price:  P1,913.94
You save:  P546.88
KSh12,945.58
List Price:  KSh18,124.33
You save:  KSh5,178.75
E£4,964.52
List Price:  E£6,950.52
You save:  E£1,986
ብር12,237.67
List Price:  ብር17,133.23
You save:  ብር4,895.55
Kz91,290.87
List Price:  Kz127,810.87
You save:  Kz36,520
CLP$97,782.75
List Price:  CLP$136,899.76
You save:  CLP$39,117.01
CN¥724.22
List Price:  CN¥1,013.94
You save:  CN¥289.72
RD$6,024.63
List Price:  RD$8,434.73
You save:  RD$2,410.09
DA13,426.15
List Price:  DA18,797.15
You save:  DA5,371
FJ$227.57
List Price:  FJ$318.61
You save:  FJ$91.03
Q771.64
List Price:  Q1,080.33
You save:  Q308.69
GY$20,913.50
List Price:  GY$29,279.73
You save:  GY$8,366.23
ISK kr13,962.80
List Price:  ISK kr19,548.48
You save:  ISK kr5,585.67
DH1,005.63
List Price:  DH1,407.93
You save:  DH402.29
L1,821.98
List Price:  L2,550.85
You save:  L728.86
ден5,904.20
List Price:  ден8,266.12
You save:  ден2,361.91
MOP$801.48
List Price:  MOP$1,122.11
You save:  MOP$320.62
N$1,812.81
List Price:  N$2,538.01
You save:  N$725.20
C$3,678.31
List Price:  C$5,149.78
You save:  C$1,471.47
रु13,500.25
List Price:  रु18,900.90
You save:  रु5,400.64
S/379.05
List Price:  S/530.69
You save:  S/151.63
K402.47
List Price:  K563.48
You save:  K161
SAR375.40
List Price:  SAR525.58
You save:  SAR150.17
ZK2,764.29
List Price:  ZK3,870.12
You save:  ZK1,105.82
L477.77
List Price:  L668.90
You save:  L191.12
Kč2,432.37
List Price:  Kč3,405.42
You save:  Kč973.04
Ft39,496.05
List Price:  Ft55,296.05
You save:  Ft15,800
SEK kr1,103.50
List Price:  SEK kr1,544.95
You save:  SEK kr441.44
ARS$100,363.46
List Price:  ARS$140,512.86
You save:  ARS$40,149.40
Bs690.75
List Price:  Bs967.07
You save:  Bs276.32
COP$438,931.09
List Price:  COP$614,521.09
You save:  COP$175,589.99
₡50,918.63
List Price:  ₡71,288.12
You save:  ₡20,369.49
L2,526.16
List Price:  L3,536.73
You save:  L1,010.56
₲780,388.98
List Price:  ₲1,092,575.79
You save:  ₲312,186.81
$U4,261.82
List Price:  $U5,966.72
You save:  $U1,704.90
zł416.31
List Price:  zł582.85
You save:  zł166.54
Already have an account? Log In

Transcript

Hello, in this video, I am going to show you how to get the data in the back end file for our Ajax request. So as you can see, we did the front end implementation in the last video, if you don't understand everything that that's in here, or you haven't actually watched the video yet, highly recommend that you go and do that. Once you've done that, you'll have this which basically sends data to this back end file. Okay, the name right here. So it's a simple number. And what we wanted to do is when we are typing in to square it, again, I know you can do that in JavaScript and do it in front end off, I want to show you a simple implementation.

And the next video I want to go a bit more in depth and actually do a database implementation and then you'll see where it really comes in handy and where you really need. And plus there's other things as well as sort of database that you could do, maybe you are a PHP library. Also, it's more secure in the back end as well. Curl is harder to hack back end compared to the front end. For the various reasons why you would want to use back end for data processing. Okay, and the other thing is, if let's say, you want it to be as fast as possible, and you have like superduper epic servers, then the data processing could you know occur on your computer.

Okay, so in here, just a simple php file. And we sent this a get variable sent to the post, we would do dollar underscore post book, get is dollar on get to get the value, you put the name of it, which is num, I'm going to copy that paste down here. And we're going to assign this into a number variable. And then we'll say dollar result equals dollar number time. So as of now if you reload in, talk something in it that this is code has been triggered. But to actually return data, you don't do anything like return like a function because it isn't a function.

What you do is echo sorry, got a bit of a cough echo in the AJAX context doesn't print it to the screen. We've coded it. So we will print to the screen, but let me prove that it doesn't. So if I was to comment this out, and do Echo, and say if I was to say echo, we want to do dollar result. That will literally return the result. But because we're not doing anything with it, I can just do a simple alert to show you that we can do anything you want the dot response text.

There we go. We get four. If I put you know 20 we should get 400. There we go. So I want to chain this up. or change it back to how it was that we just puts it into, you know, here, a fight per, you know, 247 mafia problem, when you do something like delete all of your personal finance essay, like a letter, basically something that's not a number, you will get a warning and he will just, you know, basically echo zero because that's the result that gets assigned in this calculation, I want you as an extra task to handle that.

So you just need to do a simple if statement and checking if it's a number. If not, you just echo something else out. But as you can see, 11 will be 121 football 13, Michigan 169. And, you know, we can play any number one, and he will square it dynamically. So that is pretty cool. Yeah, that's literally all you need to know regarding the back end code, the back end code will you know, you won't put any HTML in there for you.

Do you will only be to return some HTML, which could be, you know, injected somewhere in your front 10 code. But this isn't to display stuff. This is to process data returning then in the JavaScript, or you know, in jQuery, which is a JavaScript library, you would actually, you know, manipulate it or display it in some form. So that's a really simple example. So one way to do it, the next task is the what was the what was the What was it? One, I want you to make it so this accepts more than one number, and do some sort of times in by each other, too.

I want you to experiment and figure out how to do post send in and not just get to send it. It's pretty simple. And I think there's one other thing I wanted you to do. Well, Carmen Well, I think I mentioned the early in the video, but yeah, just experiment. upgrade it. And that's, that's the best way to learn.

So that's it any video on that any video on credit videos, any questions, feel free to pop me a message and as usual, I look forward to seeing you In the next video

Sign Up

Share

Share with friends, get 20% off
Invite your friends to LearnDesk learning marketplace. For each purchase they make, you get 20% off (upto $10) on your next purchase.