如何进行表单的跨站加载

<iframe src="http://example.com/form" frameborder="0" width="100%" height="400"></iframe>

$.ajax({
    url: 'http://example.com/form',
    type: 'GET',
    dataType: 'html',
    success: function(response) {
        $('#formContainer').html(response); // 将获取的表单页面插入到指定的容器中
    },
    error: function(xhr, status, error) {
        console.error(error);
    }
});

<!-- 表单组件 -->
<my-form></my-form>

<script>
class MyForm extends HTMLElement {
    constructor() {
        super();
        this.attachShadow({mode: 'open'});
    }
    
    connectedCallback() {
        fetch('http://example.com/form')
            .then(response => response.text())
            .then(html => {
                this.shadowRoot.innerHTML = html;
            })
            .catch(error => {
                console.error(error);
            });
    }
}

customElements.define('my-form', MyForm);
</script>