ajaxからPOST属性でcontrollerに変数を渡して使いたい Laravel

Question

phpのbladeから受けっとた変数をajaxのpost属性で飛ばすurlのパラメーターとして使っています。それに加えてその変数をコントローラに送りたいのですが、おそらくエラーログからその変数はnullになっているみたいです。
ajaxからcontrollerにその変数を送る方法を教えていただきたいです。

namespace App\Http\Controllers\User;

use App\Http\Controllers\Controller;
use Illuminate\Http\Request;
use Illuminate\Support\Facades\DB;
use Illuminate\Support\Facades\Auth;
use App\Models\User\Store;
use App\Models\User\Coupon;
use App\Models\User\Member;
use App\Models\User\MenuCategory;
use App\Models\User\StoreMenu;
use App\Models\User\StoreCategory;
use App\Models\User\CouponMember;
use function foo\func;
use http\Env\Response;

public function addToCast($store_id, $coupon_id)
    {

        $store = Store::find($store_id);

       
            $coupon = $store
                ->coupons()
                ->where('status', COUPON_STATUS_RELEASE)
                ->where('type', COUPON_TYPE_NORMAL)
                ->where('coupons.id', $coupon_id)
                ->first();

            if (is_null($coupon->used))
                $coupon->used = 0;

            if ($coupon
                && ($coupon->sum === 0 || $coupon->used < $coupon->sum)
                && !$coupon->hasDownloaded($store->id, $this->user->id)) {


                $this->user->add_coupon([
                    'store_id' => $store->id,
                    'coupon_id' => $coupon_id,
                ]);


                return response()->json([
                    'code' => 0,
                    'error' => '',
                    'html' => view('coupon_ok', compact('store', 'coupon'))->render()
                ], 200);
            }
            
           
            return response()->json([
                'code' => 500,
                'error' => 'maximum number of coupon collection',
                'html' => view('coupon_error', compact('store'))->render()
            ], 200);
        
    }
```web.php
```web.php
Route::POST('/realshop/{store_id}/coupon/{coupon_id}/fetch', 'User\RealShopController@addToCast')->name('coupons.addtocast');

main.js

const download_coupon_click = function (ele, store_id, coupon_id) {
    ele.disabled = true;
    ele.innerText = "Loading...";
    event.preventDefault();
    var store_id = $(this).data('store-id');
    var coupon_id = $(this).data('coupon-id');

    $.ajaxSetup({
        cache: false
      });

    $.ajax({
        'url': '/realshop/${store_id}/coupon/${coupon_id}/fetch',
        'type': 'POST',
       // 'dataType': 'json',
       data: $.param({store_id: store_id, coupon_id: coupon_id})

    }).done(function(data) {

          //  console.log(data);
            if (data.code === 401) {
                location.href = '/login';

            } else {
                $("#ajaxModal").html(data.html);
                $('#ajaxModal').modal('show');
            }
        }).fail(function (jqXHR, textStatus, errorThrown) {
            // 通信失敗時の処理
            alert('ファイルの取得に失敗しました。');
            console.log("ajax通信に失敗しました");
            console.log("jqXHR          : " + jqXHR.status); // HTTPステータスが取得
            console.log("textStatus     : " + textStatus);    // タイムアウト、パースエラー
            console.log("errorThrown    : " + errorThrown.message); // 例外情報
            
        });

   <div class="position-relative d-none d-md-block"  >
                    <span style="width:calc(100% + 20px); height:50px; position:absolute; left:-10px; top:-10px; border-top:2px solid #fb9d38; border-right:2px solid #fb9d38;" id="ajaxModal"></span>
                    <button onclick="download_coupon_click(this, {{$store->id}}, {{ $coupon->id }})" class="btn font-weight-bold font-18" style="border-radius: 3px; height:150px; line-height:30px; white-space:initial; min-height:70px; width:100%; background:#fb8d45; display:block;" >このクーポンを<br>使う・予約する</button>
                    <span style="width:calc(100% + 20px); height:50px; position:absolute; left:-10px; bottom:-10px; border-bottom:2px solid #fb9d38; border-left:2px solid #fb9d38;"></span>
   </div>
        

error内容はcoupons()がnullなので$storeがnullだったということです。
モデルの記述などは乗せていませんが記述しています

Comments

[m.ts10806]

C　は無関係なのでは＜質問タグ

[m.ts10806]

>モデルの記述などは乗せていませんが記述しています
文章説明では伝わりませんので、投稿文字数に余裕があるのでしたら提示してください。

[Jojostyle]

タグ間違いました。申し訳ないです。
追記しました。

Answer 1

download_coupon_click関数は、引数でstore_id, coupon_idを受け取れていると思いますが、それらの値を下記2行で上書きしてしまっているのが原因ではないでしょうか。下記2行を削除してみるとどうでしょうか。

    var store_id = $(this).data('store-id');
    var coupon_id = $(this).data('coupon-id');

$.ajax関数へ渡す引数は、
urlの値はシングルクォートではなくバッククォートで囲む必要があります。シングルクォートだと${store_id}等の部分が展開されないからです。あるいは以下のように+で連結しましょう。

    $.ajax({
        'url': '/realshop/' + store_id + '/coupon/' + coupon_id + '/fetch',
        'type': 'POST',
    }).done(function(data) {

urlの中にそれらの値が正しく展開されれば、data: $.param({ ... }) で値を渡す必要もありません。urlに含まれるそれらの値（ルートパラメータ）は、addToCastアクションの引数で受け取れるからです。

参考: ルートパラメータ

Comments

[Jojostyle]

回答ありがとうございます。
それらを実行してみたのですが、できませんでした

[Jojostyle]

エラーログがこのように変わったのですが
message: "Undefined property: App\Http\Controllers\User\RealShopController::$user",…}
exception: "ErrorException"
file: "C:\Users\jjyoj\finish\app\Http\Controllers\User\RealShopController.php"
line: 234
message: "Undefined property: App\Http\Controllers\User\RealShopController::$user"
trace: [{file: "C:\Users\jjyoj\finish\app\Http\Controllers\User\RealShopController.php", line: 234,…},…]
line: 217

[Jojostyle]

なぜでしょうか

[Lulucom]

今の状況ですとその理由まではわかりません。

エラーメッセージからRealShopController.phpの234行目で発生しているとわかりますが、掲載されたコードでは234行目がどこに当たるのかがわからないからです。おそらく$this->userの辺りかと思いますが、RealShopController.phpの全文を見てみないことには何とも言えない状況です。

$this->userと書かれているところは、リクエストしてきたログインユーザーのインスタンスを使いたいということでしょうか？もしそうなら$this->userではなくてauth()->user()などとするとどうでしょうか。

[Jojostyle]

$this->userからauth()->user()に変えたところ、ボタンが消えるようになりました、、、

[Jojostyle]

coupon.ok.blade.phpはこのように構成しています。

<div class="modal-dialog">
<div class="modal-content" style="background: transparent">
<div class="modal-body" style="text-align: center; background: white; border-top: 4px solid #ffa900">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<div class="row row-v-10" style="text-align: center">

<div>
<img src="/images/check.png" style="width: 80px">
</div>
以下略
</div>

[Lulucom]

> ボタンが消えるようになりました

それは期待通りでしょうか、それとも不具合でしょうか。どのような挙動が期待されているのかなどアプリの仕様がよくわかりませんのでお答えしづらい状況になってきました。

もし当初のご質問内容「ajaxからPOST属性でcontrollerに変数を渡して使いたい」が解決されたのでしたら、この質問は閉じていただいて、新たに出てきた問題については、また新たに投稿していただければと思います。

[Jojostyle]

モーダルが出てこない件は別で質問させていただきます。
ありがとうございます。

[Lulucom]

いえいえ、少し進んだようでよかったです^ ^