プロジェクト in JavaScript Skill Tree

JS を使用した AJAX リクエストの実装

初級

このプロジェクトでは、JavaScript を使用して AJAX(Asynchronous JavaScript and XML)リクエストを実装し、バックエンド サーバーからデータを取得し、結果を Web ページに表示する方法を学びます。

jQueryJavaScript

💡 このチュートリアルは英語版からAIによって翻訳されています。原文を確認するには、 ここをクリックしてください

はじめに

このプロジェクトでは、JavaScriptを使ってAJAX(非同期JavaScriptとXML)リクエストを実装し、バックエンドサーバーからデータを取得し、その結果をWebページに表示する方法を学びます。

👀 プレビュー

AJAXプロジェクトのプレビュー

🎯 タスク

このプロジェクトでは、以下のことを学びます。

  • HTMLを使ってWebページに検索ボックスと検索ボタンを作成する方法
  • 検索ボタンにイベントをバインドし、入力フィールドから検索テキストを取得する方法
  • 検索テキストをパラメータとして使って、JavaScriptを使ってバックエンドサーバーにAJAX GETリクエストを送信する方法
  • サーバーから返されるJSONデータを解析し、Webページに検索結果を表示する方法

🏆 成果

このプロジェクトを完了すると、以下のことができるようになります。

  • JavaScriptを使ってAJAX(非同期JavaScriptとXML)リクエストを実装し、バックエンドサーバーからデータを取得する
  • HTML要素を動的に作成して追加することで、Webページに検索結果を表示する
  • 検索結果をユーザーにやさしい形式で整形して表示する

講師

labby

Labby

Labby is the LabEx teacher.