【问题标题】:Ajax Request on a iFrame in Wordpress?Wordpress 中 iFrame 上的 Ajax 请求?
【发布时间】:2017-05-30 10:47:30
【问题描述】:

我已从要嵌入的网站嵌入 iFrame。可以使用 URL 中的不同参数调用此 iFrame。例如:

1. ?strasse=A1&region=HE
2. ?strasse=A2&region=HE
3. ?strasse=A3&region=HE
4. ?strasse=A1
5. ?strasse=A2&region=NRW
6. (or even without)

现在我在我的 wordpress 起始页上创建了一个表单,您可以在其中准确选择这些参数。现在我想要,如果使用按下提交,iFrame 会重新加载,但这次使用用户选择的参数。所以,我需要动态更改 iFrame 的src="..."

我现在的问题是,我该怎么做? - 因为它是wordpress,我正在苦苦挣扎。如果 Ajax 请求无法实现,那也不错。但是如果我们能构建一个 Ajax 请求那就太好了……

有人有想法吗?

您好,谢谢!

【问题讨论】:

    标签: ajax wordpress forms iframe


    【解决方案1】:

    当用户点击提交时,您只需通过 Javascript 更改“src”属性:

    ...
    onsubmit: function() {
        var url = // construct the URL with the validated data you want to add
        document.getElementById('myiFrame').setAttribute('src', url);
    }
    ...
    

    【讨论】:

    • 我怎样才能从 url 中获取 paras? (按下提交后)
    • 来自 URL 还是来自表单?如果是第一个:stackoverflow.com/questions/901115/…
    • 但正如您在我的页面上看到的那样:j-trier.de/stau - 它不起作用......为什么?点击“拉登”。此按钮调用函数 loadSrc。此函数通常应在 id 为“stau”的 iFrame 上设置 src 属性。但它不起作用......你有什么想法吗?
    • 不要使用embed,而是使用iframe
    猜你喜欢
    • 2016-08-05
    • 1970-01-01
    • 2016-04-15
    • 1970-01-01
    • 2015-05-24
    • 2019-01-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多