使用json_encode将PHP变量传递到AJAX文件时出现问题

时间:2018-10-15 11:57:36

标签: php json ajax

处理具有三个阶段的表单。在第1阶段,用户填写一个表单,该表单提交给后端以进行验证,进行一些数据计算,然后传递到第2阶段,在该阶段用户触发具有动态ID的按钮。接下来,我使用AJAX将用户在表单第一阶段输入的值提取到最终控制器。

我将用户输入的所有值存储在名为oldata的PHP变量中,但是当我在AJAX代码中尝试 json_encode()并将该变量记录在控制台选项卡中时,我没有从中获取数据表格。

第一阶段

<form method="POST" action="{{ route('b2c.getplans') }}" class="form-contact"  accept-charset="UTF-8">

        <div class="form-line{{ $errors->has('FirstName') ? ' has-error' : '' }}">
        <input type="hidden" name="_token" value="{{ csrf_token() }}">

          <input type="text-area" class="form-input" name="FirstName" id="FirstName" value="{{ old('FirstName') }}" required>
          <label>First Name *</label>
          <div class="error-label">Field is required!</div>
          <div class="check-label"></div>
           @if ($errors->has('FirstName'))
                <span class="help-block">
                    <strong>{{ $errors->first('FirstName') }}</strong>
                </span>
            @endif
        </div>

        <div class="form-line{{ $errors->has('MiddleName') ? ' has-error' : '' }}">
          <input type="text-area" class="form-input" name="MiddleName" id="MiddleName"  value="{{ old('MiddleName') }}" required>
          <label>Middle Name *</label>
          <div class="error-label">Field is required!</div>
          <div class="check-label"></div>
          @if ($errors->has('MiddleName'))
                <span class="help-block">
                    <strong>{{ $errors->first('MiddleName') }}</strong>
                </span>
          @endif
        </div>

    <div class="form-line registar love {{ $errors->has('email') ? ' has-error' : '' }}" style="margin-left: 0px;">
      <input type="text-area" id="email" class="form-input" name="email" value="{{ old('email') }}" required>
      <label>Email *</label>
      <div class="error-label">Field is required!</div>
      <div class="check-label"></div>
       @if ($errors->has('email'))
            <span class="help-block">
                <strong>{{ $errors->first('email') }}</strong>
            </span>
        @endif
    </div>

    <div class="form-line {{ $errors->has('phone') ? ' has-error' : '' }}">
      <input type="text-area" class="form-input" name="phone" id="phone" value="{{ old('phone') }}" required>
      <label>Phone Number *</label>
      <div class="error-label">Field is required!</div>
      <div class="check-label"></div>
      @if ($errors->has('phone'))
            <span class="help-block">
                <strong>{{ $errors->first('phone') }}</strong>
            </span>
      @endif
    </div>

    <div class="form-line {{ $errors->has('dob') ? ' has-error' : '' }}">
      <input type="date" class="form-input" name="dob" value="{{ old('dob') }}" required>
      <label>Date of Birth *</label>
      <div class="error-label">Field is required!</div>
      <div class="check-label"></div>
      @if ($errors->has('dob'))
            <span class="help-block">
            <strong>{{ $errors->first('dob') }}</strong>
            </span>
      @endif
    </div>

    <button type="submit" class="form-b3c" style="cursor:pointer;"> Get Plans</button>

  </form>

处理第一阶段的控制器

 //Post Request of plan entries
    public
    function validatePlanEntries(Request $request)
    {   
        $validation = $this->validate($request, [
            'FirstName' => 'required|string|min:2',
            'MiddleName' => 'required|string|min:2',
            'phone' => 'required|string|max:20',
            'dob' => 'required|valid_birth_date',
            'email' => 'required|string|email|max:255',
        ]
        );

        //fetches all the unput values from the form
        $oldata = $request->all();


        $plans_benefits = view("B2C::travel.plans", compact(oldata))->render();
        return $plans_benefits;
    }

第二阶段

@if (!empty($plans_benefits))
    <div class="container">
        <div class="PLAN">
            <main class="top">
                <div class="row">
              @foreach ($plans_benefits as $plan_benefits)
                @php
                  $plan_data = $plan_benefits[0];
                  $benefits = $plan_benefits[1];
                  $plan_name = $plan_data->Calculation_TravelPlan->TravelPlan->Name;
                @endphp   
                  <div class="card plan">
                        <h5 class="card-title plan"> {{$plan_name}} </h5>
                            <img class="card-img-top plan" src="{{asset('assets/images-new/superior.svg')}}" alt="Card image cap">
                    <div class="card-body">
                      <div class="travel-plan">
                  <div class="superior-content">
                        <table class="table">
                          <tbody>
                            @foreach($benefits as $benefit)
                                <tr>
                                  <td class="plan-title">{{$benefit->name}}</td>
                                    @if($benefit->value == 'true')
                                        <td class="plan-worth"><i class="fas fa-check"></i></td>
                                    @elseif ($benefit->value == 'false')
                                        <td class="plan-worth"><i class="fas"></i></td>
                                    @else
                                        <td class="plan-worth"> {{$benefit->value}} </td>
                                    @endif
                                </tr>
                             @endforeach
                           </tbody>
                        </table> 
                  </div>
                </div>
                    <!-- Hiden-->
                    <input type="hidden" value="{{$plan_data->CalculationId}}"" class ="calc_id" name="calc_id" id="calc_id{{$plan_data->CalculationId}}"/>

                    <input type="hidden" value="{{$plan_name}}" class ="travelplan" name="travelplan" id="plan{{$plan_data->CalculationId}}"/>
                    <!--Hidden-->

                      <p class="card-text plan">TOTAL
                        <span class="amount">$  {{round($plan_data->TravelBasicPremium,2)}} 
                        </span>
                      </p>
                      <!-- AJAX call when the button is hit-->
                       <a id ="{{$plan_data->CalculationId}}" class="plan-quote get_quote" style="cursor:pointer;"><span>Get Quote</span></a>
                    </div>
                     </div>
    @endforeach
      </div>
            </main>
        </div>
  </div>
@endif

AJAX代码

 $('.PLAN').on('click', '.get_quote', function () {
                var olddata =  {!! json_encode($oldata) !!};
                console.log(oldata);

                var entries = oldata.serialize();
                $.ajax({
                    //URL from routes file in Laravel
                    url: 'getquote',
                    //GET request
                    type: 'get',
                    contentType: 'application/x-www-form-urlencoded',
                    data: entries + '&calc_id=' + c_id + '&travelplan=' + plan_name,
                    success: function success(response) {
                        console.log(response);
                    },
                    error: function error(data) {
                        console.log(data);
                    }
                });
                //END AJAX REQUEST

1 个答案:

答案 0 :(得分:0)

在ajax代码中设置dataType。

$.ajax({
    url: 'getquote',
    type: 'get',
    dataType: "json"
    ...
 )};

希望这会有所帮助。