ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript/jQueryを使用して言及されたファイルが存在するかどうかを確認するにはどうすればよいですか?

JavaScript/jQueryを使用して言及されたファイルが存在するかどうかを確認するにはどうすればよいですか?

WBOY
リリース: 2023-08-24 08:05:06
転載
1464 人が閲覧しました

如何使用 JavaScript/jQuery 检查提到的文件是否存在?

JavaScript または jQuery を使用すると、実際のファイルを取得せずに、ファイルが存在するかどうかを確認し、サイズ、コンテンツ タイプ、最終変更日などのファイルに関するメタデータを取得できます。この場合は、HTTP HEAD リクエストを使用します。 HTTP HEAD リクエストは、実際のリソース自体を返さずに、指定されたリソースの HTTP ヘッダーを返すようにサーバーに要求する HTTP リクエストです。

HTTP HEAD リクエストの送信にはいくつかのメソッドを使用できますが、最も一般的な方法は $.ajax() メソッドと XMLHttpRequest オブジェクトを使用することです。ユーザーは、これらのメソッドのいずれかを使用してリクエスト タイプを「HEAD」として定義でき、応答を処理するコールバック関数を含めることもできます。サーバー応答にファイルが存在する場合、コールバック関数が呼び出されます。ファイルが存在しない場合、コールバック関数は呼び出されず、例外がスローされます。

言及されたファイルが存在することが判明した場合、実際のファイルを表示したり、ファイルのメタデータで構成されるメッセージを表示したりするなど、あらゆるアクションを実行できます。言及されたファイルが存在しない場合は、エラーメッセージが存在することを表示できます。実際の大きなファイルを取得しようとしているのではなく、そのステータスをチェックしているので、パフォーマンスが向上します。

ajax() メソッドを使用する

jQuery で $.ajax() メソッドを使用してファイルが存在するかどうかを確認するには、次の手順を使用できます -

  • タイプ、「url」、「success」、および「error」オプションを含むオブジェクトを作成します。 type オプションは「HEAD」に設定する必要があり、「url」オプションはチェックするファイルの URL に設定する必要があります。また、「success」および「error」オプションは、次の場合の応答を処理するコールバック関数である必要があります。リクエストはそれぞれ成功するか失敗します。

  • 「$.ajax()」メソッドを呼び出し、手順 1 で作成したオブジェクトをパラメータとして渡します。

  • 「success」コールバック関数では、ファイルが存在する場合、任意のアクションを実行できます。たとえば、ユーザーにファイルを表示したり、他のアクションを実行したりできます。

  • "error" コールバック関数では、ファイルが存在しない場合に必要なアクションを実行できます。たとえば、エラー メッセージを表示したり、ユーザーを別のページにリダイレクトしたりできます

###文法### リーリー

構文は、HEAD リクエストをサーバーに送信することを指定するために、type 属性が HEAD に設定されていることを示しています。 url プロパティは、リクエストの送信先となるサーバー側スクリプトまたはアプリケーションの URL に設定されます。

###例###

この例では、ajax メソッドを使用して、前述のファイルが存在するかどうかを確認します。 jQueryのajaxライブラリを使用しました。入力フィールドを別のファイル パスに配置して、それらが存在するかどうかを確認します。ファイルが存在する場合、success 関数は Web ページに「指定されたファイルは存在します!」というメッセージを表示し、ファイルが存在しない場合、error 関数は Web ページに「指定されたファイルは存在しません!」というメッセージを表示します。 。

リーリー

XMLHttpRequest() メソッドを使用する

JavaScript で「XMLHttpRequest」オブジェクトを使用してファイルが存在するかどうかを確認するには、次の手順を使用できます -

新しい「XMLHttpRequest」オブジェクトを作成します。

  • 「XMLHttpRequest」オブジェクトの「open()」メソッドで確認したいファイルのURLを指定し、リクエストメソッドを「HEAD」に設定します。

  • 「XMLHttpRequest」オブジェクトの「send()」メソッドを使用してリクエストを送信します。

  • "XMLHttpRequest" オブジェクトの "status" 属性をチェックして、ファイルが存在するかどうかを確認します。 「status」属性が 200 の場合、ファイルは存在します。「status」属性が 404 の場合、ファイルは存在しません。

  • ###文法### リーリー

    上記の構文では XMLHttpRequest() を使用しており、ステータス コードに基づいて、ファイルが存在するかどうかをコードで記述することができます。

    ###例###
  • この例では、XMLHttpRequest() メソッドを使用して、前述のファイルが存在するかどうかを確認します。入力フィールドを別のファイル パスに配置して、それらが存在するかどうかを確認します。ファイルが存在する場合、ステータス コードは 200 になり、「このファイルは存在します!」というメッセージが表示されます。ファイルが存在しない場合は、エラー関数によってネットワーク上に「このファイルは存在しません!」ページが表示されます。
リーリー

言及されたファイルが存在するかどうかを確認することは、大きなデータ ファイルを扱うときに良い習慣であり、JavaScript と jQuery を使用してそれを確認する機能が提供されます。

以上がJavaScript/jQueryを使用して言及されたファイルが存在するかどうかを確認するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:tutorialspoint.com
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート