જાવાસ્ક્રિપ્ટ / jQuery માંથી રેસ્ટ API ને કingલ કરવું

બ્લોગ

જાવાસ્ક્રિપ્ટ / jQuery માંથી રેસ્ટ API ને કingલ કરવું

Javascript/jquery માં રેસ્ટ API ને કેવી રીતે ક callલ કરવું. આ ટ્યુટોરીયલમાં, તમે શીખી શકશો કે તમારી વેબ એપ્લિકેશન્સ અથવા વેબ પેજ પર javascript/jquery માં રેસ્ટ API ને કેવી રીતે ક callલ કરવું.



જો તમે જાવાસ્ક્રિપ્ટમાં આરામદાયક વેબ સેવાઓનો ઉપયોગ કેવી રીતે કરવો તે શોધી રહ્યા છો, તો HTML પેજ, jquery rest API પોસ્ટ, ajax API, કોલ ઉદાહરણ, jquery API કોલ, jquery ajax માંથી વેબ API ને ક callingલ કરો, javascript કોલ રેસ્ટ API JSON પર ક restલ કરો. આ ટ્યુટોરીયલ ક callingલિંગ API (વેબ સેવાઓ) સંબંધિત તમારી તમામ પ્રશ્નોનું નિરાકરણ કરે છે.

આ વેબ સેવાઓ (એપિસ) ટ્યુટોરીયલમાં, અમે Google ની મફત સમાચાર વેબ સેવા (API) કહીશું. આ તમારા માટે Ajax નો ઉપયોગ કરીને જાવાસ્ક્રિપ્ટ અને Jquery માં વેબ સેવા અને API ને કેવી રીતે ક callલ કરવું તે શીખવાનું સરળ બનાવશે.



તમે કદાચ જાણતા ન હશો કે Google સમાચાર માટે મફત (વેબ સેવાઓ) API પ્રદાન કરે છે. તમે નીચે આપેલી લિંક પર ક્લિક કરીને Google News API કી મેળવી શકો છો. https://newsapi.org/docs/get-started

વેરિઝન વાયરલેસ વ્યક્તિ સાથે વાત કરો

જાવાસ્ક્રિપ્ટ / jQuery સાથે ગૂગલ ન્યૂઝ રેસ્ટફુલ વેબ સેવાને કલ કરો

આ માર્ગદર્શિકા તમને એક સરળ જાવાસ્ક્રિપ્ટ/jquery લખીને બાકીની વેબ સેવાને ક callingલ કરવા માટે લઈ જાય છે.



ગૂગલ ન્યૂઝ એપિસ કી:

e03753c9126b408d870a44318813ac3d

આ ગૂગલ ન્યૂઝ વેબ સેવાઓ (એપિસ)

https://newsapi.org/v2/top-headlines?country=us&apiKey=e03753c9126b408d870a44318813ac3d

જ્યારે આપણે જાવાસ્ક્રિપ્ટ અને jquery ની મદદથી ગૂગલ ન્યૂઝ API અને વેબ સર્વિસને ક callલ કરીએ છીએ ત્યારે અમને નીચે આપેલ JSON પ્રતિસાદ મળશે.

[ { 'status': 'ok', 'totalResults': 38, 'articles': [ { 'source': { 'id': null, 'name': 'Youtube.com' }, 'author': null, 'title': 'Coronavirus: Death toll rises to 81 as China extends holiday BBC News BBC News', 'description': 'The number of people killed in China by the new coronavirus has risen to 81, with almost 3,000 confirmed ill. The national new year holiday has been extended...', 'url': 'https://www.youtube.com/watch?v=S2VoEvDEuxw', 'urlToImage': 'https://i.ytimg.com/vi/S2VoEvDEuxw/maxresdefault.jpg'>https://newsapi.org/v2/top-headlines?country=us&apiKey=e03753c9126b408d870a44318813ac3d . If successful, it will assign the JSON received to data, effectively making it a Greeting model object. The id and content are then appended to the news id and DOM elements respectively.

Note the use of the jQuery promise .then(). This directs jQuery to execute the anonymous function when the $.ajax() method completes, passing the data result from the completed AJAX request.

Create the Web Page

Now that you have a js, you will create the HTML page that will load the google news into the user’s web browser:

public/index.html

 Google News Apis 

આપણે html વેબ પેજ પર હેડ ટેગની અંદર બે jQuery /JavaScript પુસ્તકાલયો ઉમેરવાની જરૂર છે. ભૂતપૂર્વ jQuery આપે છે. તેમણે: અમે બીજી બનાવી છે જેમાં અમે વેબ સર્વિસ / ઇન્ટરકનેક્ટ કહીશું

અમે html વેબ પેજમાં div બનાવી છે. જ્યારે Google ની મફત સમાચાર API / વેબ સેવાને ક callingલ કરો ત્યારે, જે ફોર્મેટને પ્રતિસાદ મળશે, અમે આ વિભાગમાં વાંચીશું. Jquery એપેન્ડ પદ્ધતિ () માંથી:

API ને કલ કરો

તમારું બ્રાઉઝર ખોલો અને તમારા બ્રાઉઝરમાં નીચે આપેલ url દબાવો:

file:///C:/Users/Desktop/public/index.html

#javascript #jquery