AJAX 面接でよくある 20 の質問

この記事では、フロントエンド開発段階でよく聞かれる 20 の jquery ajax の面接の質問を紹介します。今日は、ajax に興味のある友人が学ぶことができる 20 の古典的な AJAX の面接の質問を紹介します。

【関連する推奨事項: フロントエンド面接の質問(2020)、ajax 面接の質問(2020)】

1. Ajax とは何か、そして Ajax を使用する必要がある理由について話してください。 Ajax)

ajax とは:

AJAX は、「Asynchronous JavaScript and XML」の略称です。インタラクティブな Web アプリケーションを作成するための Web 開発テクノロジを指します。

Ajax には次のテクノロジが含まれています:

Web 標準 (標準ベースのプレゼンテーション) および関連操作に基づいています。

非同期データのクエリと取得には XMLHttpRequest を使用します。

すべてをバインドするために JavaScript を使用します。

2. ajax を使用する理由:

Ajax アプリケーションの利点は次のとおりです:

1. ブラウザとサーバー間の送信を最適化し、不要なデータを削減します。データの往復と帯域幅の使用量

3. Ajax エンジンはクライアント上で実行され、サーバーが本来行っていた作業の一部を引き受けるため、ユーザー数が多い場合のサーバーの負荷が軽減されます。

2. AJAX の最大の特徴は何ですか。

Ajax は動的な非リフレッシュ (部分リフレッシュ)

を実現できます。つまり、ページ全体を更新せずにデータを維持できます。これにより、Web アプリケーションはユーザーのアクションにより迅速に応答できるようになり、変更されていない情報がネットワーク上に送信されることがなくなります。
3. XMLhttprequest オブジェクトを導入してください。

Ajax の中核は JavaScript オブジェクト XmlHttpRequest です。このオブジェクトは Internet Explorer 5 で初めて導入され、非同期要求をサポートするテクノロジです。つまり、XmlHttpRequest を使用すると、JavaScript を使用してサーバーにリクエストを送信し、ユーザーをブロックすることなく応答を処理できるようになります。 Web 開発者は、XMLHttpRequest オブジェクトを通じて、ページが読み込まれた後にページの部分的な更新を実行できます。

4. AJAX テクノロジー システムのコンポーネントとは何ですか。

HTML、css、dom、xml、xmlHttpRequest、javascript

5. AJAX アプリケーションと従来の Web アプリケーションの違いは何ですか。

従来の Javascript プログラミングでは、サーバー側のデータベースまたはファイルに関する情報を取得したり、クライアント情報をサーバーに送信したりする場合、HTML フォームを作成してから、データをサーバーに GET または POST する必要があります。 。ユーザーは「送信」ボタンをクリックしてデータ情報を送受信し、サーバーがリクエストに応答してページがリロードされるまで待つ必要があります。

サーバーは毎回新しいページを返すため、従来の Web アプリケーションは遅く、ユーザーフレンドリーではない可能性があります。
AJAX テクノロジーを使用すると、JavaScript は XMLHttpRequest オブジェクトを通じてサーバーと直接対話できます。

HTTP リクエストを通じて、Web ページは Web サーバーにリクエストを送信し、Web サーバーから返された情報を受け入れることができます (ページをリロードすることなく)。ユーザーは同じページを表示していると感じます。ページが更新され、JavaScript がバックグラウンドでリクエストを送信し、レスポンスを受信することができません。

6. AJAX リクエストには何種類の CALLBACK がありますか?

Ajaxリクエストには全部で8種類のCa​​llbackがあります

onSuccess
onFailure
onUninitialized
onLoading
onLoaded
onInteractive
onComplete
onException

7 AjaxとJavaScriptの違い。

JavaScript は、ブラウザ側で実行されるスクリプト言語です。Ajax は、JavaScript を含む一連の関連テクノロジを使用して、インタラクティブな Web アプリケーションを作成します。

Javascript は Netscape によって開発されたスクリプト言語であり、Sun の Java 言語とは何の関係もありません。 一般的なWeb開発では、JavaScriptはブラウザ側で実行され、ブラウザの動作やコンテンツを制御することができます。

Ajaxアプリケーションでブラウザとサーバー間で情報が転送される方法

XMLデータまたは文字列を介して

8. ブラウザ側でサーバー側の応答のXMLデータを取得する方法。

XMLHttpRequest オブジェクトの responseXMl 属性

9. XMLHttpRequest オブジェクトの作成方法には IE と Firefox で違いはありますか。

はい、IE では new ActiveXObject() を通じて、Firefox では newXMLHttpRequest() を通じて取得できます

10. XMLHttpRequest オブジェクトの一般的なメソッドとプロパティを紹介します。

open("method","URL") は、サーバーへの呼び出しを確立します。最初のパラメーターは、HTTP リクエスト、またはサーバーでサポートされている任意のメソッドです。

2 番目のパラメータは、リクエストされたページの URL です。

send() メソッド、特定のリクエストを送信

abort() メソッド、現在のリクエストを停止

readyState 属性 リクエストのステータスには 5 つの可能な値があります 0 = 初期化されていない、1 = ロード中
2 = 読み込み中、3 = インタラクション進行中、4 = 完了

responseText 文字列として表現される属性サーバーの応答

reponseXML XML として表現される属性サーバーの応答

status HTTP ステータス コードサーバーの、200 は ok に対応し、400 は not found に対応します

12 XML と Sax 解析とは何ですか? DOM 解析は、XML ファイルを一度に読み取り、それをプログラムで使用できるように DOM オブジェクトに構築することです。利点は、操作が簡単であることですが、より多くのメモリを消費します。 Sax はイベント駆動型で解析され、メモリの使用量は少なくなりますが、プログラミングは複雑です

14. どのようなフレームワーク (パッケージ) を使用していますか

この質問は必須です。通常、最初に尋ねられます。

Java でより人気のあるものは、dojo、Prototype、JQuery、Dwr、extjs などです。

15. 特定の ajax フレームワークに精通している場合、プログラムでこのフレームワークを使用する方法を尋ねられるかもしれません。

DWR フレームワークの概要

DWR (DirectWeb Remoting) は、このフレームワークを使用すると、クライアントで JavaScript を使用してサーバーの Java を直接呼び出すことができます。メソッドと戻り値 JavaScript に与えられる値は、直接のローカル クライアント呼び出しに似ています (DWR は Java クラスに基づいて JavaScript コードを動的に生成します)。DWR の実装原理は、リフレクションを通じて Java を JavaScript に変換し、コールバック メカニズムを使用して JavaScript を実装することです。 Java コード

を呼び出します。 16. Prototype の $() 関数、$F() 関数、および $A() 関数が行うことを紹介します

$() メソッドが DOM 内で頻繁に使用される.getElementById() メソッドの便利な省略表現であり、この DOM メソッドと同様に、このメソッドは引数として渡された ID を持つ要素を返します。

$F() 関数は、テキストボックスやドロップダウン リストなどのフォーム入力コントロールの値を返すために使用できる、もう 1 つの一般的な「ショートカット キー」です。このメソッドは、要素 ID または要素自体をパラメータとして受け取ることもできます。

$A() 関数は、受け取った単一のパラメーターを Array オブジェクトに変換できます。

17. XMLHttpRequest オブジェクトの紹介Web 開発者は、XMLHttpRequest オブジェクトを通じて、ページが読み込まれた後にページの部分的な更新を実行できます。

AJAX は、2005 年に Google が「Google サジェスト」を使用したときに普及しました。

「Google サジェスト」は、XMLHttpRequest オブジェクトを使用して動的な Web インターフェイスを作成します。

ユーザーが Google の検索ボックスに入力を開始すると、JavaScript がユーザーが入力した文字をサーバーに送信し、サーバーはリストを返します。の提案。

XMLHttpRequest オブジェクトは、IE5.0 以降、Safari 1.2、Mozilla1.0/Firefox、Opera 8 以降、および NetScapt7 でサポートされています。

18. AJAX の正式名称は何ですか? AJAXを導入しますか？

AJAXの正式名称はAsynchronous JavaScript And XMLです

AJAXは2005年にGoogleによって開始され、普及したプログラミング言語ではありませんが、既存の標準を使用する新しいプログラミングです。 。 テクノロジー。

AJAX を使用して、より優れた、より高速で、よりユーザーフレンドリーな Web アプリケーションを作成します。

AJAX テクノロジーは Javascript と HTTP リクエストに基づいています。

19. Ajax には主にどのようなテクノロジーが含まれていますか?

Ajax (非同期 JavaScript + XML) の定義

Web 標準 (標準ベースのプレゼンテーション) に基づく XHTML+CSS 表現

動的な表示と対話には DOM (Document Object Model) を使用します。

データ交換と関連操作には XML と XSLT を使用します。

非同期データのクエリと取得には XMLHttpRequest を使用します。 すべてをバインドするには JavaScript を使用します。英語版は、Ajax の提案者である Jesse James Garrett による原文と、原題 (Ajax: A New Approach to
Web Applications) をご覧ください。

DHTML や LAMP と同様に、AJAX は単一のテクノロジーを参照するのではなく、一連の関連テクノロジーを有機的に利用します。実際、「AFLAX」など、AJAX をベースにした「派生/複合」テクノロジーがいくつか登場しています。

AJAX アプリケーションは、実行プラットフォームとして上記のテクノロジーをサポートする Web ブラウザーを使用します。これらのブラウザには現在、Mozilla、Firefox、Internet Explorer、Opera、Konqueror、Safari が含まれます。ただし、Opera は XSL 形式のオブジェクトも XSLT もサポートしていません。

20. AJAX の長所と短所は何ですか?

1. 最大のポイントは、ページが更新されず、ユーザーエクスペリエンスが非常に優れていることです。

2. より高速な応答機能を備えた非同期モードを使用してサーバーと通信します。

3. これまでサーバーに負担がかかっていた作業の一部をクライアントに転送することで、クライアントの空き容量を利用して処理できるため、サーバーと帯域幅の負担が軽減され、スペースとブロードバンドのレンタルコストが節約されます。また、サーバーの負担を軽減するために、ajax の原則は「オンデマンドでデータを取得する」ことで、冗長なリクエストと応答によるサーバーの負担を最小限に抑えることができます。

4. 標準化され広くサポートされているテクノロジーに基づいているため、プラグインや小さなプログラムをダウンロードする必要はありません。

ajaxの欠点

1. Ajaxはブラウザの戻るボタンをサポートしていません。

2. セキュリティの問題 AJAX はサーバーとのやり取りの詳細を公開します。

3. 検索エンジンのサポートは比較的弱いです。

4. プログラムの例外メカニズムを破壊しました。

5. デバッグは簡単ではありません。

上記は、編集者が紹介した 20 の典型的な AJAX 面接の質問です。皆様のお役に立てれば幸いです。

関連する推奨事項:

フロントエンド ajax とバックエンド インタラクションの詳細な説明

Ajax 通信オブジェクトを迅速に取得する詳細な例

js と json を組み合わせて ajax を実装する詳細な例 簡単な例

以上がAJAX 面接でよくある 20 の質問の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。