laravel 5 ajax 请求控制器应用程序不工作

laravel 5 ajax request controller app not working

我想使用此代码购买它留在 Procesando,espere por favor....

Jquery:

function realizaProceso(valorCaja1, valorCaja2){

        var parametros = {
            "valorCaja1" : valorCaja1,
            "valorCaja2" : valorCaja2
        };

        $.ajax({
            data:  parametros,
            url:   'ajax/pregunta',
            type:  'POST',
            beforeSend: function () {
                $("#resultado").html("Procesando, espere por favor...");
            },
            success:  function (data) {
                $("#resultado").html(data.resultado)
            }
        });

Html

    Introduce valor 1
<input type="text" name="caja_texto" id="valor1" value="0"/>


Introduce valor 2
<input type="text" name="caja_texto" id="valor2" value="0"/>

Realiza suma
<input type="button" href="javascript:;" onclick="realizaProceso($('#valor1').val(), $('#valor2').val());return false;" value="Calcula"/>
<br/>
Resultado: <span id="resultado">0</span>

路线

Route::post('ajax/pregunta', [
    'as' => 'ajax/pregunta', 'uses' => 'AjaxController@pregunta'
]);

控制器

<?php

namespace App\Http\Controllers;


use App\Http\Requests\Request;
use Illuminate\Support\Facades\Response;

class AjaxController extends Controller {
    public function __construct()
    {
        $this->middleware('auth');
    }

    public function pregunta(){
        $resultado = Request::input('valorCaja1') + Request::input('valorCaja2');
        return response()->json(['resultado' => 'Roberto']);
    }
}

当我点击 "Calcula" 按钮时,“Procesando, espere por favor...”出现在屏幕上,但它没有加载成功代码,有什么解决办法吗??

谢谢!!

我认为你需要提供一个令牌,我不确定,但我相信这是必要的

在您的页面 blabla.blade.php 添加

 <input type="hidden" name="_token" id="_token" value="{{{ csrf_token() }}}" />

然后在您的 ajax 电话中

   var tok = $('#_token').val();

   var parametros = {
        "valorCaja1" : valorCaja1,
        "valorCaja2" : valorCaja2,
        "_token" = tok
    };

问候...