Get request getting cancelled from iframe
<p>I have a hosted payment page which we load inside an iframe.</p>

<p>At the end, when the transaction completes, the payment provider uses a url provided by us in the iframe so that we can break out of iframe or do whatever we need after the transaction is complete.</p>

<p>Now I am facing an issue which I can't really figure out.</p>

<p><a href="https://i.stack.imgur.com/vBl8n.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/vBl8n.png" alt="enter image description here"></a></p>

<p>The payment provider (inside the iframe once transaction is complete) does try to send the request to the url that we have setup, but the request gets cancelled due to the following reason :</p>

<p><strong>Mixed Content: The page at '<a href="https://www.local" rel="nofollow noreferrer">https://www.local</a>..........' was loaded over HTTPS, but requested an insecure form action '<a href="http://www.local........../complete?ref=95b0bb87-dsfg" rel="nofollow noreferrer">http://www.local........../complete?ref=95b0bb87-dsfg</a>'. This request has been blocked; the content must be served over HTTPS.</strong></p>

<p>Now I think it might be because of iframe but have no clue what that error means or how could I resolve it.</p>

<p>FYI, this was in chrome browser.</p>