【问题标题】:Autofill form and automatically next url自动填写表单并自动下一个网址
【发布时间】:2016-10-28 21:01:24
【问题描述】:

我正在使用AutoFill

我正在获取所有需要的页面的自动填充表单

我想将所有 url 放入一个 javascript 变量数组

加载页面时javascript激活提交表单

然后提交转到下一个url

<iframe src="here url" height="100%" width="100%"></iframe>

一开始我有两个疑问:

  • 如何使用 javascript 在 iframe 中激活提交?
  • 提交后如何进入下一个url数组?

更新

<?php header('Access-Control-Allow-Origin: *');  ?>
<script type="text/javascript" src="jquery-3.1.1.min.js"></script>

<iframe src="http://example.com/contact/" id="InnerIframe" height="100%" width="100%"></iframe>

<script>

$(window).on('load', function() {
   $('#InnerIframe').contents().find('submit').trigger( "click" );
});

</script>

控制台日志:

jquery-3.1.1.min.js:3197 Uncaught DOMException: Failed to read the 'contentDocument' property from 'HTMLIFrameElement': Blocked a frame with origin "http://localhost" from accessing a cross-origin frame.
    at contents (http://localhost/site/jquery-3.1.1.min.js:3197:14)
    at Function.map (http://localhost/site/jquery-3.1.1.min.js:457:13)
    at jQuery.fn.init.jQuery.fn.(anonymous function) [as contents] (http://localhost/site/jquery-3.1.1.min.js:3201:24)
    at http://localhost/site/:8:22
    at dispatch (http://localhost/site/jquery-3.1.1.min.js:5201:27)
    at elemData.handle (http://localhost/site/jquery-3.1.1.min.js:5009:28)contents @ jquery-3.1.1.min.js:3197map @ jquery-3.1.1.min.js:457jQuery.fn.(anonymous function) @ jquery-3.1.1.min.js:3201(anonymous function) @ (index):8dispatch @ jquery-3.1.1.min.js:5201elemData.handle @ jquery-3.1.1.min.js:5009
util.js:208 Google Maps API warning: NoApiKeys https://developers.google.com/maps/documentation/javascript/error-messages#no-api-keysPA.j @ util.js:208(anonymous function) @ js?v=3.exp&key&ver=4.6.1:127(anonymous function) @ js?v=3.exp&key&ver=4.6.1:46(anonymous function) @ js?v=3.exp&key&ver=4.6.1:43(anonymous function) @ js?v=3.exp&key&ver=4.6.1:46(anonymous function) @ js?v=3.exp&key&ver=4.6.1:99(anonymous function) @ js?v=3.exp&key&ver=4.6.1:43(anonymous function) @ js?v=3.exp&key&ver=4.6.1:99(anonymous function) @ js?v=3.exp&key&ver=4.6.1:43(anonymous function) @ js?v=3.exp&key&ver=4.6.1:99ic @ js?v=3.exp&key&ver=4.6.1:45hc.Sb @ js?v=3.exp&key&ver=4.6.1:99(anonymous function) @ util.js:1

【问题讨论】:

    标签: javascript iframe


    【解决方案1】:

    如果我理解正确,您会加载一个页面,填充一个表单,然后提交它并转到一个新的 URL?

    你为什么要这样做,如果它只是离开它,加载这个页面的目的是什么?

    无论如何,我建议您使用 jQuery 来满足您的需求。 As seen in here, and the question it is a duplicate of, 你可以使用 jQuery 的 ID 访问 iFrame 的内容。然后您可以在表单上使用.submit()

    在提交方法调用中,您可以定义要对提交的表单执行的操作,以及重定向到新页面。也许使用类似的东西

    window.location.replace("http://stackoverflow.com");
    

    【讨论】:

    • 谢谢你理解正确。请参阅我的问题中的更新。这出现在控制台“未捕获的 DOMException”
    • 这部分我无法帮助您,但我找到了另一个可能有帮助的线程。 stackoverflow.com/questions/25098021/…
    猜你喜欢
    • 1970-01-01
    • 2011-10-10
    • 2018-11-02
    • 1970-01-01
    • 1970-01-01
    • 2013-07-30
    • 1970-01-01
    • 2012-12-21
    相关资源
    最近更新 更多