How to use fill text website

JSON and AJAX Course lessons
6 minutes
Share the link to this page
Copied
  Completed
You need to have access to the item to view this lesson.
One-time Fee
$69.99
List Price:  $99.99
You save:  $30
€66.52
List Price:  €95.03
You save:  €28.51
£55.29
List Price:  £78.99
You save:  £23.70
CA$98.01
List Price:  CA$140.02
You save:  CA$42.01
A$108.26
List Price:  A$154.67
You save:  A$46.40
S$94.28
List Price:  S$134.69
You save:  S$40.41
HK$544.68
List Price:  HK$778.14
You save:  HK$233.46
CHF 62.24
List Price:  CHF 88.92
You save:  CHF 26.68
NOK kr781.73
List Price:  NOK kr1,116.81
You save:  NOK kr335.07
DKK kr496.25
List Price:  DKK kr708.95
You save:  DKK kr212.70
NZ$119.48
List Price:  NZ$170.70
You save:  NZ$51.21
د.إ257.07
List Price:  د.إ367.25
You save:  د.إ110.18
৳8,430.24
List Price:  ৳12,043.71
You save:  ৳3,613.47
₹5,907.88
List Price:  ₹8,440.19
You save:  ₹2,532.31
RM313.59
List Price:  RM448
You save:  RM134.41
₦117,896.75
List Price:  ₦168,431.15
You save:  ₦50,534.40
₨19,601.13
List Price:  ₨28,002.81
You save:  ₨8,401.68
฿2,456.64
List Price:  ฿3,509.64
You save:  ฿1,053
₺2,405.01
List Price:  ₺3,435.88
You save:  ₺1,030.86
B$408.16
List Price:  B$583.12
You save:  B$174.95
R1,278.38
List Price:  R1,826.34
You save:  R547.95
Лв129.87
List Price:  Лв185.54
You save:  Лв55.66
₩98,547.64
List Price:  ₩140,788.38
You save:  ₩42,240.74
₪262.83
List Price:  ₪375.48
You save:  ₪112.65
₱4,119.38
List Price:  ₱5,885.08
You save:  ₱1,765.70
¥10,926.10
List Price:  ¥15,609.38
You save:  ¥4,683.28
MX$1,438.75
List Price:  MX$2,055.45
You save:  MX$616.69
QR257.25
List Price:  QR367.52
You save:  QR110.26
P957.42
List Price:  P1,367.80
You save:  P410.38
KSh9,063.70
List Price:  KSh12,948.70
You save:  KSh3,885
E£3,455.33
List Price:  E£4,936.40
You save:  E£1,481.07
ብር8,611.91
List Price:  ብር12,303.26
You save:  ብር3,691.35
Kz63,807.12
List Price:  Kz91,156.94
You save:  Kz27,349.81
CLP$68,583.90
List Price:  CLP$97,981.20
You save:  CLP$29,397.30
CN¥506.99
List Price:  CN¥724.30
You save:  CN¥217.31
RD$4,249.83
List Price:  RD$6,071.45
You save:  RD$1,821.61
DA9,380.49
List Price:  DA13,401.28
You save:  DA4,020.78
FJ$159.39
List Price:  FJ$227.72
You save:  FJ$68.32
Q545.12
List Price:  Q778.78
You save:  Q233.65
GY$14,759.55
List Price:  GY$21,085.97
You save:  GY$6,326.42
ISK kr9,759.40
List Price:  ISK kr13,942.60
You save:  ISK kr4,183.20
DH701.60
List Price:  DH1,002.33
You save:  DH300.73
L1,265.07
List Price:  L1,807.32
You save:  L542.25
ден4,092.25
List Price:  ден5,846.32
You save:  ден1,754.07
MOP$565.22
List Price:  MOP$807.49
You save:  MOP$242.27
N$1,267.59
List Price:  N$1,810.92
You save:  N$543.33
C$2,596.85
List Price:  C$3,709.94
You save:  C$1,113.09
रु9,521.24
List Price:  रु13,602.36
You save:  रु4,081.11
S/267.43
List Price:  S/382.06
You save:  S/114.63
K283.56
List Price:  K405.11
You save:  K121.54
SAR262.97
List Price:  SAR375.69
You save:  SAR112.72
ZK1,929.77
List Price:  ZK2,756.93
You save:  ZK827.16
L331.05
List Price:  L472.96
You save:  L141.90
Kč1,682
List Price:  Kč2,402.96
You save:  Kč720.96
Ft27,138
List Price:  Ft38,770.23
You save:  Ft11,632.23
SEK kr772.63
List Price:  SEK kr1,103.81
You save:  SEK kr331.17
ARS$69,869.10
List Price:  ARS$99,817.28
You save:  ARS$29,948.18
Bs487.60
List Price:  Bs696.60
You save:  Bs209
COP$315,227.33
List Price:  COP$450,344.06
You save:  COP$135,116.73
₡36,031.09
List Price:  ₡51,475.19
You save:  ₡15,444.10
L1,781.45
List Price:  L2,545.04
You save:  L763.59
₲550,680.18
List Price:  ₲786,719.69
You save:  ₲236,039.51
$U2,973.65
List Price:  $U4,248.26
You save:  $U1,274.60
zł288.46
List Price:  zł412.11
You save:  zł123.64
Already have an account? Log In

Transcript

So this is the website you can find here a video which will do a lot. So we will use those keys to create the JSON file. So row is tell you the number of objects in the JSON file, and then the value for each key. So for example, if we insert username, you can insert or for this user name, as any name, but if you just type user name, the website will give you a random name. And also for the first name here an example first name and just between curly brackets first name, it will give you a random name and also for less name and also, we have Mail. So here's an example.

And we have username and password. We also have phone. So in this way it just gave you are on the numbers, but you can make format for this form. So it gives you this shape. And those who can give it an ID, or make a date, and specify the date here, like this. And yours, you can give it an id like this is type number and it will give you a random number.

You can give a number between zero and hundred, or give it an input length. So it will give you a constant number. So here the length is five numbers, you can specify this length. So you can specify it as three numbers like this random number range And so many. So you can make an array here, yeah, here, x equal choose string array. So to give you this array, you can specify the length of the array like this.

And finally, you can make an object which consists of many rows, like what we have done for company branch, we created just one object for it, which should contain country and telephone. So let you create something and see this practical. So consider we have a JSON file for clients that contains their user name, email, password, and the company branches, which contain another two objects, country and phone number. So here for the URL, just type forward slash then Question mark and start typing narrows, which is the number of objects for the JSON file. So, Euro was equal to churros, for example, to see this. So we have two objects.

So we want to specify a user name. And it will be equal to curly brackets and user name. We can specify it manually, but this will give you a random user name. So instead of username here, you can type the value that you want, but it will be for the whole audience. So just make it user name to give you a random names and password equal to password mail equal to No company which contain two objects country and telephone. So, how we can do this, so to be equal to, but we will add here at side to define it as another object.

So, firstly to define the rows. So, the key changes two rows or two objects, but it should be within curly brackets which we see now. So, we have user name, password email and company branches which contain two objects. So, let me specify those objects. So, there always is two and asterik the first object which is country equal to country so, it will give you around the country, and then asterik on equal to foreign and make it from that sort of You see, so read the whole objects, username, password email, company crunches, which contain country and the phone number. So just copy the URL and paste it within the open function to access to this JSON file, and you can access to any data you want.

Or you can display all the data, of course using for loop. So we have seen how we can get data from a server using Ajax opening the request, then the method they are no for the server, then the function, you can use a load or already state change. And finally, don't forget to send the request. So that's We got access to their username and the password you can make within the JSON file and display all the data. Once we click a button or once we reload the page, it's up to you. You can try this once we click about next, show you how we can use this JSON file to make an advanced example.

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.