Load Data From A Database Using AJAX

8 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 extend what we had from the previous video. So you can load data from a database using Ajax. So what we have is index four, and this Ajax four right here. So this index is exactly the same on the, you know, modifying this, this Ajax file, I'm literally just replace the code with the code from the video of connecting to a database, and highly recommend you know that you go ahead and do that. So I haven't removed these yet, but you will want to get rid of these because what happens if you don't, and like I'll put something in there which, which is what triggers the AJAX dot php file, it returns anything that gets echoed out which we don't want it, you know, you're returning this. So we'll get rid of that.

And if you have any errors, you need to handle them in some other way. You might actually print you know, pumping out data, but you'll pump it out and then hand in PHP the way you want to display tech would do that. No, it's all Good. So this is connected to local, we actually go on myadmin epi database, and we can potentially get something from here. So what we are going to see is in here. So there's a few different things that we could potentially do with, you know, the database.

So actually, there's technically unlimited amounts that we can do. You could create some sort of user system or something I'm going to touch, touch at, you know, in a later part in the series in a separate section, you could get the, you know, data, maybe some results, maybe you are searching for a user, and it prints out, you know, essentially their data for sample and I think what we could do is some Fein along, you know, those lines. So, so let's have a look. Yeah, let's do something like that. So let's essentially just do a simple select query. So what we want to do is down here, we want to create a query, query equals connection.

Prepare, I've got one thing in here, instead of you know, sending something as unknown, we're gonna send the user name. But this is and obviously, if you're doing something really sensitive, I recommend a switch this to a post request, which was a separate task from the previous video to switch this up. So you know, feel free to do that in this video if you didn't do it in the previous video. Okay, so I'm gonna call this user search, search and usage, okay, so set that back in here we need to actually get that data. So we're going to say dollar user equals So this is you know the data that we want to search now I'll say dollar get you that so we can see the distinction between yield with this equal dollar on the school get the name and make sure that's where I named it.

Yes username. Okay, fantastic. So now we can do a prepare our query. So we are gonna select the select everything from the US table, where were the username to the user name field is equal to Dollar get user. And now we need to actually execute the query. So query execute.

And what I'm going to do now is dollar result equal dollar query, set fetch mode, PD. Fetch associative, so it's going to fetch it as an associative array. So good even docking code needed this. So let's just see what we gave the echo dollar query. So if you go back, reload, we'll talk something in here. We have a couple go recoverable fatal error on line 25.

Echo dollar query, if we actually put a username so if we put Batman Yep, still doesn't like that. Okay, so let's go back here instead of doing this to the actual. Okay, so that could potentially be returning data. We're going to take a step further, we're going to do a for each. So for each new recursive array iterator, query, fetch all as garlic And then from here, because we cuz I know that will only ever be the one thing that's returned actually there could be multiple, there could be multiple usernames potentially with the same we never did that check in you know separately so you know, multiple data could actually be returned. So this will be interested in say, Echo, dollar value.

And I'm gonna say dollar ID, and with the dot, colon dot dollar value and get the username services from the database dot I'm going to put a line like so. So you should be ready to run so far, we load up to one, we are getting no data return. If I tell him that, man, we get the data and as you can see, the website didn't reload. I'm going to put this in here. Could we have two of these? We should get 30.

You know, co London this 31. co London this 22 Conan and this. So if I do that, there you go. Yeah, you can see works with that it doesn't with that it does. And space is a different thing as well. So there you go. So that's literally how you get data from a database using Ajax.

Dino this fall will essentially still be you know, the basic PHP, get the data as you want form, ideally formatted into some sort of structure that is easily manipulated in here around what used to do as an extra tack is, you know, figure out because when we echoed out, fetch all it was returning an array, and we need to work out how to actually pass the array in here on the front end JavaScript. side. But that's really it how to get data from the database by going to extend a bit more, making more useful. And yeah, that's it 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.