在 LARAVEL 中使用 JS 数组通过 AJAX 将 HTML 动态插入到视图中

Question

您好，我是 Laravel 的新手，遇到这样的情况：我有一个 HTML 表单并使用 AJAX 以相同的形式加载一些 HTML，例如“partial.blade.php”，这与静态 HTML 完美配合，但是，

我想发送一个带有 AJAX 请求的 JS 对象数组来动态加载 HTML 内容，例如：以相同的形式下拉

能否指导我如何将 JS 数组传递给那段 HTML，以便我可以在“partial.blade.php”中渲染该数组

这是我的代码

这是我想通过这个 AJAX 请求传递的主要形式 HTML 和数组

var dataArray = $('#data1').val();

代码最终包含在 HTML 表单页面中

$.ajax({                
            url: "add-property/residential",
            type: 'GET',
            dataType: 'html',
            data: { dataArr: dataArray },
            contentType: false,
            processData: false,
            success: function(response) {
                console.log(response);
                $('#dynamicForm').html(response);
                //alert(response);
            },
            error: function(response) {
                console.log(response);
                alert('Error....!');
            }
        });

这是我的路线

Route::any('admin/add-property/residential',function() { return view('admin.residential'); });

我只想在这段动态加载的 HTML 中接收那个 JS 数组

Answer 1

当您想将view() 的内容返回给 AJAX 请求时，您可以将视图存储为变量并以 JSON 响应的形式返回：

public function apiResponse(){
  $html = view("admin.residential")->render();

  return response()->json(["html" => $html]);
}

在您的 AJAX 请求中，您可以通过 response.html 访问它：

success: function(response) {
  $("#dynamicForm").html(response.html);
}

要将变量从 AJAX 传递到视图，您可以使用 request 对象。在您的routes/api（或routes/web.php，无论您使用哪个）顶部添加use Illuminate\Http\Request;，然后在您的路由中将其注入函数：

<?php
use Illuminate\Http\Request;
...
Route::any('admin/add-property/residential',function(Request $request){ 
  ...
});

不是$request 可用，您可以通过$request->input("dataArr"); 访问在AJAX 请求中发送的数据，然后使用->with(); 将其传递给视图部分：

Route::any('admin/add-property/residential',function(Request $request){ 

  $dataArr = $request->input("dataArr");
  $html = view("admin.residential")->with(["dataArr" => $dataArr])->render();

  return response()->json(["html" => $html]);
});

Answer 2

根据this

而不是return view('admin.residential');

你需要这样做：return (string) View::make('admin.residential');

编辑

如果你想从 ajax 接收数据，然后加载视图，你可以这样做：

导入Request。

use Illuminate\Support\Facades\Response;

将您的死记硬背指向controller 上的特定method。

Route::any('admin/add-property/residential',"YourController@returnView");

让您的function 处理数据

public function returnView(Request $request){
    $data = $request->all(); // Here you will have all the data you send via AJ
    //Make sure the $data has all the necessary parameter to load the view
    $view = View::make('my_view', $data);//Here you will pass the data to the view
    return response()->json(["html" => $$view->render()]); // Using @TimLewis return
}