Javascriptメソッドを取得する

| | |

HTTPリクエストの使用は、Webアプリケーションを構築するための基礎の1つです。 HTTPリクエストを使用すると、ユーザー入力からデータをキャプチャし、バックエンドを介してサーバーに送信できます。次に、応答が返されます。

POSTリクエストのように、これらのリクエストがデータベースに保存されているデータを送信する場合があります。他の一般的なリクエストは応答を受け取り、それをユーザーに表示します。これはGETリクエストと呼ばれます。 jQueryには、リクエストの送信を簡素化する get()メソッドがあります。

jQuery get()とは何ですか?

jQuery get()は、GETリクエストをURLエンドポイントに送信し、レスポンスを受信するメソッドです。応答は、サーバーから返されたデータです。 POSTリクエストとは異なり、GETリクエストはサーバーから既存のデータのみを受信します。データベースには何も保存されません。

GETリクエストは、データの特定のサブセットをリクエストし、それを使用して何かを行う場合に役立ちます。たとえば、eコマースアプリを作成する場合、製品にアクセスするためにURLエンドポイントにGETリクエストを送信します。応答で受信したデータを取得してフォーマットし、購入可能なすべての製品のタブ付きプレゼンテーションを作成できます。

jQuery get()は送信を担当しますURLへのリクエストと、それに応じたデータの受信。これで、開発者はサーバー上のデータにアクセスでき、ユーザーが望むようにデータを表示することを選択できます。

GETリクエストとは何かがわかったので、構文を見てください。 get()メソッドの例。

get()jQuery構文

jQueryを使用すると、GETリクエストを簡単に送信できます。 get()は、URLを文字列として受け取り、データを受け取るためのコールバック関数を受け取ります。基本的に、コールバック関数は、後で実行されるメソッドに渡される関数です。

コールバックの詳細については、次を参照してくださいヘルプ

get()が受け入れるオプションの引数がいくつかありますが、最も一般的に使用されるのはURLとコールバック関数です。

eコマースの例に従って、 get()

get()を呼び出し、URLを文字列として渡します。リクエストは製品インデックスページに送信され、サーバーはデータを返します。コールバック関数はいくつかの引数を受け入れますが、データとステータスは私たちの目的には十分です。

データは、リクエストによって受信されたデータを表します。この例では、コンソールに返されるものを表示するだけです。 jQueryは特定の種類のデータを認識するために作成されましたが、JSONオブジェクトを取得する可能性があります。

JSONオブジェクトから目的の情報を抽出するには、追加のコードが必要になります。その方法を見てみましょう。

jQueryget()の例

この例では、楽しいAPIを使用しましょう。このサイトは、現在宇宙飛行士が何人いるのかを教えてくれます!それはまた私達に名前と宇宙船を与えます。 URLをget()に渡すことから始めましょう:

リクエストを送信するとき、この応答がコンソールに記録されます。

URLから、サーバーから返されるJSONオブジェクトを取得することがすでにわかっています。コンソールには、「メッセージ」、「番号」、「人」のキーが表示されます。成功メッセージの値は、エラー処理に役立ちます。

数字キーは、スペース内の人数を示します。 「People」は、オブジェクトの配列を含む値を指します。そこから、「人のテーブル」を繰り返し処理し、その情報をリストとしてユーザーに表示できます。この方法でデータを取得すると、開発者はサーバーから返されたデータの表示方法を自由に選択できます。

結論

GETリクエストとは何か、jQueryがどのように高速かつ簡単にするかを確認しました。一般的な構文の慣例に慣れた後、 get()が動作しているのを確認しました。コールバック関数の本体からデータを繰り返してレンダリングできることに注意することが重要です。

そこから、いくつかの単純なAPIを調べて、練習する小さなプロジェクトを作成するのが楽しいプロジェクトかもしれません。 GETリクエストを作成し、そのデータを視覚化します。快適な方法でデータを受信して表示することは、エキスパート開発者になるための始まりです。

Shop

Learn programming in R: courses

$

Best Python online courses for 2022

$

Best laptop for Fortnite

$

Best laptop for Excel

$

Best laptop for Solidworks

$

Best laptop for Roblox

$

Best computer for crypto mining

$

Best laptop for Sims 4

$

Latest questions

NUMPYNUMPY

psycopg2: insert multiple rows with one query

12 answers

NUMPYNUMPY

How to convert Nonetype to int or string?

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Javascript Error: IPython is not defined in JupyterLab

12 answers

News


Wiki

Python OpenCV | cv2.putText () method

numpy.arctan2 () in Python

Python | os.path.realpath () method

Python OpenCV | cv2.circle () method

Python OpenCV cv2.cvtColor () method

Python - Move item to the end of the list

time.perf_counter () function in Python

Check if one list is a subset of another in Python

Python os.path.join () method