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

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

AJAX 経由でファイルのダウンロードをトリガーしようとすると、問題が発生する可能性があります。 XMLHttpRequest を利用してダウンロードを開始する従来の方法は、失敗することがよくあります。

この問題を解決するには、window.location メソッドの使用を検討してください。 window.location をダウンロード URL を指すように設定すると、ブラウザーのネイティブ ダウンロード機能をトリガーできます。このアプローチは、AJAX に依存するよりも簡単で効果的です。

window.location = 'download.php';

ダウンロード属性 (HTML5) を使用した代替アプローチ

Firefox やChrome では、download 属性により、ファイルのダウンロードを開始するためのより洗練されたオプションが提供されます。この属性を使用すると、現在のページを変更せずにダウンロードを開始できます。

<a href="download.php" download>Download File</a>

その他の考慮事項

ダウンロード URL がファイルを指していることを確認することが重要です。ウェブサイトと同じオリジンにあります。クロスオリジン ファイルのダウンロードはブラウザのセキュリティ制限の対象となります。

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