如何在 laravel 中使用 ajax 返回视图？

Question

我在这里遇到了一些问题，我想在使用 ajax 发布数据时检查我的数据 这是我的ajax

ajax.js

let dataNewMemoData = JSON.stringify(createnewMemoData);

 $.ajax({
url: '/crew_memo/submitdata',
method: 'POST',
dataType: 'json',
contentType: 'json',
data: dataNewMemoData,
headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
contentType: 'application/json; charset=utf-8'
})

然后这是我的网络路线

web.php

 Route::post('/crew_memo/submitdata', 'CrewProgramController@saveData');

我们在我的控制器那里

controller.php

public function saveData(Request $request){

    $request = json_decode($request->getContent());
    return view('CrewProgram.succes')->render();
    // return dd($request);
}

首先我想去我的succes.blade.php我不知道为什么我的页面永远不会去任何地方事件艰难我的发布方法是好的

秒，我想查看我的数据，以便可以使用return dd($request) 我该如何解决？

我试过用这个

return (String) view(CrewProgram.succes) 和 return view(CrewProgram.success)->render()，之前

什么都没有，所以请帮助我，我正在使用 laravel

Answer 1

首先你需要修复你的 AJAX 数据

来自你的版本

$.ajax({
url: '/crew_memo/submitdata',
method: 'POST',
dataType: 'json',
contentType: 'json',
data: dataNewMemoData,
headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
contentType: 'application/json; charset=utf-8'
})

到这里

$.ajax({
url: '/crew_memo/submitdata',
method: 'POST',
contentType: 'json',
data: { content : dataNewMemoData},
headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
success : function(data){
   console.log(data) //this will be your html respone make sure you don't have any html or header or body tag inside your view file you want to render.
},
error : function(jqXHR,textStatus,thrownError){
   console.log(jqXHR) //for non 2xx or 3xx response code
}

})

现在我们将转到您的 Controller 方法

从此 公共函数 saveData(Request $request){

    $request = json_decode($request->getContent());
    return view('CrewProgram.succes')->render();
    // return dd($request);
}

到这里

public function saveData(Request $request){

        $request = json_decode($request->get('content));
        return view('CrewProgram.succes')->render();
        // return dd($request);

}

您能否将此PageRequest.php 文件创建到您的app\Http\Requests 文件夹中

<?php

namespace App\Http\Requests;

use Illuminate\Foundation\Http\FormRequest;

class PageRequest extends FormRequest
{
    /**
     * Determine if the user is authorized to make this request.
     *
     * @return bool
     */
    public function authorize()
    {
        return true;
    }

    /**
     * Get the validation rules that apply to the request.
     *
     * @return array
     */
    public function rules()
    {
        return [
            //
        ];
    }
}

然后代替

public function saveData(Request $request){}

你做到了

public function saveData(PageRequest $request){}

然后通过dd($request->all())检查$request->all()的值

Answer 2

你可以试试这个方法。像这样更新你的控制器。

       return response()->json([
            'htmlData' => view('CrewProgram.succes')->render()
        ]);

并设置你的 jquery

 $.ajax({
    url: '/crew_memo/submitdata',
    method: 'POST',
    dataType: 'json',
    contentType: 'json',
    data: dataNewMemoData,
    headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
    contentType: 'application/json; charset=utf-8',
    success: function (data) {
       alert(data.htmlData)
     }
    })