Как добавить большой блок HTML в блейд-файл с помощью javascript / jquery?

Question

Нажав на кнопку, я хочу добавить большой кусок HTML (например, в форму) в мой blade-файл с помощью javascript / jquery.Каков наилучший способ сделать это?

Примерно так (только часть):

            <div class="form-group col-md-3  ">
                <input placeholder="Váha (kg)" id="package-weight" type="text"
                       class="form-control required {{ $errors->has('package-weight') ? ' is-invalid' : '' }}"
                       name="package-weight" value="{{ old('package-weight') }}">

                @if ($errors->has('package-weight'))
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $errors->first('package-weight') }}</strong>
                    </span>
                @endif
            </div>

Answer 1

Это можно сделать с помощью AJAX-запроса, как показано ниже:

$.get("/example", function(data){
  $("body").append(data.html);
}

Ваш маршрут /example, должен иметь связанный контроллер или базовую функцию, которая возвращает ответ JSON, содержащий HTML, который выхотите отобразить:

Route::get("/example", "Controller@example");

public function example(){
  $view = view("example")->render();
  return response()->json(["html" => $view], 200);
}

// OR

Route::get("/example", function(){
  ... // Same $view/return as example()
});

Тогда ваш .blade файл (example.blade.php) должен будет содержать ваш HTML.

Функция ->render() view() немедленно возвращаетсгенерированный HTML-файл .blade и возврат его через response()->json() позволяет вашей функции JS манипулировать html, возвращаемым с сервера.

Answer 2

jQuery на стороне клиента, Blade на стороне сервера.

, поэтому ... вы не можете.

, но вы можете манипулировать HTML-результатом блейда с помощью jQuery (сторона клиентаКонечно).