如何使用laravel将表单嵌入到另一个网站

Question

我有两个使用laravel框架的项目。我有一个项目1的表格，我想把它嵌入到我的项目2中。

这是我在项目1 中的FormController

public function show(Form $form)
{

return view('formbuilder.render', compact('form'))->render();
}

查看项目2，我想在项目1 中嵌入表单

@extends('layouts.app')
@section('content')
div class="card rounded-0">
<div class="card-body">
<script type="text/javascript" src="https://route/for/first-project-form"></script>
</div>
</div>

@endsection

我想模仿笔记本的工作方式。https://www.jotform.com/help/34-Embedding-a-Form-to-a-Web-Page.

我该如何做到这一点？

Answer 1

使用iframe就这么简单：

@extends('layouts.app')
@section('content')
div class="card rounded-0">
<div class="card-body">
<iframe src="https://route/for/first-project-form"></iframe>
</div>
</div>                        
@endsection

如果您真的想使用javascript文件来加载iframe(看不出任何原因，但让我们来做吧(：

创建一个javascript文件：

const container = document.getElementById('form-container')
const iframe = document.createElement("iframe");
iframe.setAttribute("src", "https://route/for/first-project-form");
iframe.style.width = "640px";
iframe.style.height = "480px";
container.appendChild(iframe);

项目2:

@section('content')
<div class="card rounded-0">
<div class="card-body">
<div id="form-container"></div>
</div>
</div>
<script src="http//link/to/javascript/file"></script>                
@endsection