ホームページ >ウェブフロントエンド >jsチュートリアル >AJAX を使用してボタンのクリックでファイルのダウンロードをトリガーするにはどうすればよいですか?

AJAX を使用してボタンのクリックでファイルのダウンロードをトリガーするにはどうすればよいですか?

Patricia Arquette
Patricia Arquetteオリジナル
2024-12-31 07:34:10851ブラウズ

How Can I Trigger a File Download with a Button Click Using AJAX?

AJAX リクエストを使用したファイルのダウンロード

この記事では、AJAX リクエストを使用するときに生じる一般的な質問に対処します。「ボタンのクリック時にファイルのダウンロードを開始するにはどうすればよいですか?」 ?"

まず、提供されたコードは、「download.php」への AJAX リクエストを使用してファイルのダウンロードをトリガーしようとします。ただし、AJAX リクエストではダウンロードを直接開始できないため、このアプローチは不十分です。

代わりに、2 つの代替ソリューションがあります:

  1. 成功関数の使用:
    このメソッドでは、AJAX リクエストが作成され、正常に完了すると、ブラウザは次の場所にリダイレクトされます。 「download.php」を使用してダウンロードを促します。

    $.ajax({
        url: 'download.php',
        type: 'POST',
        success: function() {
            window.location = 'download.php';
        }
    });
  2. window.location の使用 (推奨):
    これは最も簡単なアプローチであり、次の操作が必要です。ダウンロードに直接移動して、AJAX リクエストを完全にバイパスします。 URL.

    window.location = 'download.php';

ブラウザが download 属性をサポートするようになったことで、ファイルのダウンロードが簡素化され、AJAX やウィンドウ ナビゲーションが不要になったことは注目に値します。ただし、互換性はブラウザによって異なる場合があります。

以上がAJAX を使用してボタンのクリックでファイルのダウンロードをトリガーするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。