将刀片数组作为json字符串从laravel刀片获取到ajax post请求

Question

我对在Laravel刀片和razorpay集成中实现Ajax非常陌生。我已通过post方法将产品详细信息从我的控制器功能账单发送到付款页面。成功付款后，我想将产品详细信息发送到functiondopayment，并将订单详细信息保存到后端。当我尝试发送详细信息时，要么我得到$products的错误，要么我得到htmlspecialchars（）期望参数1是字符串，要么我直接在ajax数据中放入$product时给出的数组，要么当我使用json\u encode（$product）编码$product时，在Laravel中为foreach提供的json响应参数无效并将其发送到ajax数据。

控制器功能清单如下所示：

public function bill(Request $request){

            $input = $request->all();

            return view('cart/checkout')->with('product' , $request->product)
                              ->with('subtotal' , round($request->subtotal));
        }

掺杂函数是

public function dopayment(Request $request) {
            //Input items of form
            $input = $request->all();

            $product = $request->product;

            //if i use foreach here i get the error invalid argument suppy for foreach

            print_r($product);
            exit;
        }

查看页面是

@extends('app.app')

@section('content')

<div id="main-content">

    <div class="container clear">
        <div class="panel-body" style="border: 1px solid #ddd;">
            <form id="rzp-footer-form" action="{!!route('dopayment')!!}" method="POST" style="width: 100%; text-align: center" >
                @csrf

                <a href="#">
                    <img src="{{asset('/img/amcor.JPG')}}" />
                </a>    
                <br/>
                <p><br/>Price: {{ $subtotal }} INR </p>
                <input type="hidden" name="amount" id="amount" value="{{ $subtotal }}"/>
                <div class="pay">
                    <button class="razorpay-payment-button btn filled small" id="paybtn" type="button">Pay with Razorpay</button>                        
                </div>
            </form>
            <br/><br/>
            <div id="paymentDetail" style="display: none">
                <center>

                    @foreach($product as $input => $details)
                    <input type="text" id="name" name="name" value="{{ json_decode($details)->name}}">
                    @endforeach
                    <div>paymentID: <span id="paymentID" name="txn_id"></span></div>
                    <div>paymentDate: <span id="paymentDate" name="date"></span></div>

                </center>
            </div>
        </div>

    </div>
</div>

<script>
    $('#rzp-footer-form').submit(function (e) {
        var button = $(this).find('button');
        var parent = $(this);
        button.attr('disabled', 'true').html('Please Wait...');
        $.ajax({
            method: 'get',
            url: this.action,
            data: $(this).serialize(),
            complete: function (r) {
                console.log('complete');
                console.log(r);
            }
        })
        return false;
    })
</script>

<script>
    function padStart(str) {
        return ('0' + str).slice(-2)
    }

    function demoSuccessHandler(transaction) {
        // You can write success code here. If you want to store some data in database.
        $("#paymentDetail").removeAttr('style');
        $('#paymentID').text(transaction.razorpay_payment_id);
        var paymentDate = new Date();
        $('#paymentDate').text(
                padStart(paymentDate.getDate()) + '.' + padStart(paymentDate.getMonth() + 1) + '.' + paymentDate.getFullYear() + ' ' + padStart(paymentDate.getHours()) + ':' + padStart(paymentDate.getMinutes())
                );

        $.ajax({
            method: 'post',
            url: "{!!route('dopayment')!!}",
            dataType:"json",
            data: {
                "_token": "{{ csrf_token() }}",
                "product": "{{ json_encode($productcode,JSON_FORCE_OBJECT) }}",
                "Company": "{{ $company}}",
                "Address": "{{$address}}",
                "Contact": "{{$contact}}",
                "razorpay_payment_id": transaction.razorpay_payment_id
            },
            complete: function (r) {
                console.log('complete');
                console.log(r);
            }
        })
    }
</script>
<script>
    var options = {
        key: "{{ env('RAZORPAY_KEY') }}",
        amount: '{{ $subtotal}}00',
        name: 'AMCOR RAZORPAY',
        description: 'AMCOR INTERNATIONAL',
        image: 'https://i.imgur.com/n5tjHFD.png',
        handler: demoSuccessHandler
    }
</script>
<script>
    window.r = new Razorpay(options);
    document.getElementById('paybtn').onclick = function () {
        r.open()
    }
</script>

@endsection

路由功能是

Route::post('bill', 'RazorpayController@bill')->name('pay');
Route::post('dopayment', 'RazorpayController@dopayment')->name('dopayment');

Answer 1

Ajax将自动将数据转换为JSON（有关详细信息，请查看您的控制台）

因此，当您在dopayment（）接收时，您必须将JSON数据解码到一个数组中，以便可以在其中循环：$product=JSON\u decode（$request-