質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
MVC

MVC(Model View Controller)は、オブジェクト指向プログラミングにおけるモデル・ビュー・コントローラーの総称であり、ソフトフェア開発で使われている構築パターンとしても呼ばれます。

Ajax

Ajaxとは、Webブラウザ内で搭載されているJavaScriptのHTTP通信機能を使って非同期通信を利用し、インターフェイスの構築などを行う技術の総称です。XMLドキュメントを指定したURLから読み込み、画面描画やユーザの操作などと並行してサーバと非同期に通信するWebアプリケーションを実現することができます。

ASP.NET

ASP.NETは動的なWebサイトやWebアプリケーション、そしてWebサービスを構築出来るようにする為、Microsoftによって開発されたウェブアプリケーション開発フレームワークです。

Q&A

解決済

2回答

10426閲覧

ASP.NET MVC5 でcsvをpostでダウンロードするには

AyanoTokuyama

総合スコア11

MVC

MVC(Model View Controller)は、オブジェクト指向プログラミングにおけるモデル・ビュー・コントローラーの総称であり、ソフトフェア開発で使われている構築パターンとしても呼ばれます。

Ajax

Ajaxとは、Webブラウザ内で搭載されているJavaScriptのHTTP通信機能を使って非同期通信を利用し、インターフェイスの構築などを行う技術の総称です。XMLドキュメントを指定したURLから読み込み、画面描画やユーザの操作などと並行してサーバと非同期に通信するWebアプリケーションを実現することができます。

ASP.NET

ASP.NETは動的なWebサイトやWebアプリケーション、そしてWebサービスを構築出来るようにする為、Microsoftによって開発されたウェブアプリケーション開発フレームワークです。

0グッド

0クリップ

投稿2019/01/27 23:49

編集2019/01/28 01:13

ASP.NET MVC5 でcsv出力をしようとしています。

パラメータの複数ある画面で、ボタンも複数あるためAjaxを使用してPostしています。
ファイルのダウンロードがされず、またファイル作成もできず困っています。

そもそも、Postでファイルダウンロードを検討していること自体に問題があるのでしょうか。
ご教示ください。

//以下、抜粋 $('#download').click( function () { var param= new Object(); //param set if (parking != null) { $.ajax({ type: "POST", url: "@Url.Action("CreateCsv", "Csv")", data: JSON.stringify(param), contentType: "application/json; charset=utf-8", datatype:'json', success: function () { debugger alert("success"); }, failure: function (data) { debugger alert(data.StatusMessage); }, error: function (data) { debugger alert(data.StatusMessage); } }) } } ); [HttpPost] public ActionResult CreateCsv(Param Pram) { if (Request.IsAjaxRequest()) { // DB からデータ取得 // CSV 内容生成 var fileName = string.Format("filename_{0}.csv", DateTime.Now.ToString("yyyyMMddHHmmss")); var data = Encoding.UTF8.GetBytes(csvString); var stream = new MemoryStream(data); var writer = new StreamWriter(stream); //var fileStreamResult = new FileStreamResult(stream, System.Net.Mime.MediaTypeNames .Text.Plain); //fileStreamResult.FileDownloadName = fileName; //return fileStreamResult; writer.Write(data); writer.Flush(); stream.Position = 0; return File(stream, "text/csv", fileName); } return null ; }

Action result を変えてみたり、return値をbyteにしてみたり、試行錯誤を行いましたがファイルの作成の痕跡もなく行き詰っています。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

退会済みユーザー

退会済みユーザー

2019/01/28 01:38

動かないコードを丸投げしないで、クライアント側 (JavaScript のコード) に問題があるのか、サーバー側に問題があるのか、Fiddler や Visual Studio のデバッガを使って切り分けてください。そして、サーバー側に問題があるなら、CSV を生成するコードに問題があるのか、ダウンロードするコードに問題があるのかを切り分けてください。
AyanoTokuyama

2019/01/28 02:21

まずは、考え方の根本的な誤りを確認しようと思い、質問させていただいております。 ちなみに、csv生成コードには問題はありませんでした。 (Getでダウンロードは可能。その後うまくいかないためいろいろ操作)
退会済みユーザー

退会済みユーザー

2019/01/28 03:46

> Getでダウンロードは可能 その jQuery ajax のコードで問題なくダウンロードしてファイルに保存できたと言ってますか?
AyanoTokuyama

2019/02/04 08:01

Getでのダウンロードは、c#側のコードで確認していましたので、そのままのコードではありません。 おっしゃられている通りの方法で解決しました。
退会済みユーザー

退会済みユーザー

2019/02/04 08:08

「c#側のコード」の意味不明ですが、少なくとも質問者さんが解答欄に書いたスクリプトは「私が言った通りの方法」ではないです。あと、JavaScript はブラウザ依存であることをお忘れなく。
guest

回答2

0

動かないコードを丸投げしないで切り分けを行うようお願いしたのに対し、以下の答しかもらえていませんが、

csv生成コードには問題はありませんでした。
(Getでダウンロードは可能。その後うまくいかないためいろいろ操作)

それをベースに話をすると・・・

まず、上記の「ダウンロードは可能」の意味ですが、何をもってそう言っているのでしょう?

サーバーからブラウザに CSV データが送られてきた後、ブラウザが CSV ファイルを PC のディスクに作成するところまで「ダウンロード」という言葉に含んでいるとすると、質問者さんが質問に書いた jQuery ajax のコードでは GET か POST かに関係なくダメです。

何故なら、Blob(生データ)が取得できていないから。

質問者さんの jQuery のバージョンは何だか不明ですが、もし、jQuery 3.0 より前のものであれば、jQuery ajax ではなく、ネイティブの XMLHttpRequest を使うことになるはずです。

jQuery 3.0 以降であれば Blob は取得できるそうですが(未検証・未確認です)、質問者さんが書いたコードでは Blob は取得できてないし、そこを書き直して Blob を取得できるようにしたとしても、その後 CSV ファイルの作成・保存のためのコードを書かないと PC のディスクにファイルは作成されません。

詳しくは以下の記事を読んでください。

Using jQuery's ajax method to retrieve images as a blob
https://stackoverflow.com/questions/17657184/using-jquerys-ajax-method-to-retrieve-images-as-a-blob

もし、上記の「ダウンロード」の意味が「サーバーからブラウザに CSV データが送られるまで」ということで、それが GET は可能だが POST がダメということですと、「csv生成コードには問題はありませんでした」というところが勘違いとしか考えられません。

投稿2019/01/29 06:26

退会済みユーザー

退会済みユーザー

総合スコア0

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

AyanoTokuyama

2019/01/30 11:28

blobについての認識がありませんでした。 時間が取れず、追記できずに申し訳ありません。 参考にさせていただき、もう少し試してみます。ありがとうございます。
guest

0

自己解決

Fileでのリターンを諦めStringで返してクライアント側からblobのUrlを呼ぶようにしました。
文字コードがUTF-8にしかならず困っていますがこれに関しては別の問題なのでもう少し調べてみようと思います。
ご指摘などあれば、お願いします。

//以下、抜粋 public string CreateCsv(param param) { //csv生成 return csvのstring } $('#download').click( function () { //paramをセット $.ajax({ type: "POST", url: "@Url.Action("CreateCsv", "Csv")", data: JSON.stringify(param), contentType: "application/json; charset=utf-8", success: function () { var blob = new Blob([result], { type: 'application/octet-stream' });  //ファイル名を合成 var link = document.createElement('a'); link.href = window.URL.createObjectURL(blob); link.download = filename; link.click(); } }) );

投稿2019/02/04 07:52

AyanoTokuyama

総合スコア11

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問