Tagapagsalita 1: ipatupad ng isang web Hayaan pahina na nagpapahintulot sa mga user upang maghanap ng mga stock quote. Ipagpalagay unang na umiiral doon Hayaan isang file na tinatawag quote.php, ngunit ito ma-ipinatupad sa karamihan ng anumang wika, ngunit kung saan ang layunin sa buhay ay upang asahan ang isang HTTP parameter get tinatawag na simbolo, ang halaga ng kung saan ay ang simbolo ng stock para saan gusto mo ng quote. 

Halimbawa, kung tinitingnan namin ang file na ito sa aking browser, quote.php, napansin na ang Na pumasa sa ko sa, na, isang simbolo ng FB, para sa Facebook. At mapansin na kung ano ang bumalik ay isang JSON object na may tatlong mga susi. Ang isa ay tinatawag na simbolo, isa na tinatawag na pangalanan, at isa na tinatawag na presyo. Ang mga halaga ng na kung saan ay eksakto na mula sa file na pinag-uusapan. 

Ngayon i aming pansin ang ipaalam Beginnings ng ilang mga HTML at JavaScript. Dito, sa ajax-0.html, napansin na ang loob ng katawan ng aking pahina Mayroon akong isang form na may isang onsubmit katangian, ang halaga ng kung saan ay quote at pagbalik hindi totoo, at sa gayon pagtukoy na gusto ko upang tawagan ang isang function ng JavaScript tinatawag na quote at pagkatapos ay bumalik hindi totoo. Samantala, sa loob ng form na iyon ay isang simbolo na kung saan ang ID ay, quote magpanipi, "Simbolo," at pagkatapos ay isa pang-input na kung saan ang uri ay magsumite na nagbibigay sa akin ang pindutan ng pagsusumite. 

Samantala, sa loob ng ulo ng aking pahina, may script tag, ang pinagmulan ng kung saan ay ang URL upang jquery, sa pinakadulo sikat JavaScript library, at sa ibaba na ay isa pang script tag, sa loob ng kung saan ay ang Beginnings ng ilang JavaScript na ako sa aking sarili ay sumulat. Ito ang quote function na habilin sa huli ay tatawaging, at sa loob ng dito ipinapahayag ng isang variable na tinatawag na ipaalam URL, tinukoy na ang halaga ng ito variable ay magiging quote.php? simbolo = ". 

At ni pagdugtungin papunta sa dulo ngayon hayaan ng na paunang string kahit anong simbolo ang gumagamit ay siguro nai-type. Sa partikular, gawin ni + $ ipaalam "" # simbolo sa gayong paraan ng pagtukoy na nais kong makakuha ng, may jquery mula sa aking DOM, ang elemento na kung saan ang mga natatanging identifier, isang simbolo. Isipin na iyon ay simpleng ang teksto patlang sa kung saan ang user ay pagpunta sa type na simbolo ng stock. 

Pagkatapos ay hayaan tawagan ni Val, na kung saan ay isang function o pamamaraan na iyon ay makakakuha ng halaga na ng gumagamit na nai-type in At pagkatapos ay hayaan tumawag ng isang jquery function na tinatawag getJSON, pagpasa sa bilang unang argumento ang URL na iyon, ang pagpasa sa, bilang ang pangalawang argumento, isang hindi nakikilalang function na Inaasahan ng isang solong argumento. Data, ipapakita namin tumawag ito. At sa loob ng anonymous function na ito, ipapakita namin lamang gawin alerto, at pagkatapos ay sa panaklong, data.price. Kung data, pagkatapos ang lahat, ay ang JSON sa bagay na may tatlong mga patlang - simbolo, pangalan, at presyo, sa pamamagitan ng paggawa data.price magagawa ko eksakto na halaga. 

Hayaan ang i-save ni ngayon ang file at buksan ito up sa isang browser. http://localhost/ajax-0.html. Narito kami ay may form na iyon. Ni-type sa FB para sa Facebook Hayaan at makakuha ng quote. At doon, pagkatapos, ay Facebook ni pinakabagong presyo ng stock.