JQueryでGetリクエストが走らない

Question

表題の通りなのですが、GETリクエストが走りません。

下記にソースを提示します。

<a class="com-btn hilited-btn proceed-btn right-icon-btn print-btn" href="{{{ $obj->link_url) }}}" target="_blank" id="{{ $id }}">
    <b><span class="wbr">ダウンロード</span>
</a>

$('#id').on('click', function(event) {
    event.preventDefault();
    if (confirm('ダウンロードしますか')) {
        console.log(this.href);
        $.get(this.href);
    }
});

処理の流れとしては、ダウンロードボタンを押下して、ポップアップメッセージを表示して、
「OK」を押下すると、ファイルがダウンロードされるという仕組みです。

JSの制御を外すとファイルが正しくダウンロードできること
コンソールに吐き出されたリンクをクリックすると、同じファイル（正しい）がダウンロードできること

は既に確認済です。何かほかに方法があればご教授お願いします。
getのリクエスト方法が悪いのではとふんでいます。

Answer 1

$.getはそもそもダウンロードするための仕組みではないですが
今回の処理はダウンロードが目的なのでしょうか？
であればアンカーなのですからdownload属性をつけるだけで処理できます

Answer 2

id="{{ $id }}"となっていますが、jQueryの方は$('#id')で参照しています。$idの中身が'id'でない限り、正しく参照できません。

Comments

[Chandler_Bing]

返信ありがとうございます。
その部分はあくまで簡易的に表現致しました。

ソースの参照は合っております。
もし間違えていると、コンソールすら走らないと思います。

[maisumakun]

> getのリクエスト方法が悪いのではとふんでいます。

そうですね、$.getの結果はJavaScriptで受け取る形となります。ブラウザで表示やダウンロードファイルとしての表示はなされません。

[Chandler_Bing]

他に方法はないのでしょうか。

Controllerで、ファイルを生成し、RESPONSEを返すので、
単順にGETでリクエストを返せば問題ないと踏んでおりましたが、、、。

[Chandler_Bing]

上手くいきました。

クリックされた段階で、目的のURLを取得し、そのURLを無理やり押下すれようなソースで機能しました。

Answer 3

confirmにのソースを下記に変更しました。

location.href = this.href;  // 無理やりクリックイベントを発生させる

ありがとうございました。