我有一个表单(正在通过GET提交)到crm(ViciDial)。我可以成功提交表单,但是如果我这样做,则crm的处理文件将仅回显成功文本,仅此而已。
我想在我的网站上显示一个谢谢页面,而不是该文本,所以我决定使用AJAX提交表单并将其重定向到我需要的页面,但是在浏览器中出现此错误:
混合内容:“ https://page.com”上的页面已通过HTTPS加载,但请求了不安全的XMLHttpRequest端点“http://XX.XXX.XX.XXX/vicidial/non_agent_api.php?queries=query=data'。该请求已被阻止;内容必须通过HTTPS提供。
这是我的AJAX脚本:
<script> SubmitFormClickToCall = function(){ jQuery.ajax({ url: "http://XX.XXX.XX.XX/vicidial/non_agent_api.php", data : jQuery("#form-click-to-call").serialize(), type : "GET", processData: false, contentType: false, success: function(data){ window.location.href = "https://www.example.com/thank-you"; } }); } </script>
仅在URL中设置https是行不通的,有什么方法可以通过GET提交数据并将用户重定向到我的thankyou页面?
这里的问题是内容混合,这意味着我通过HTTPS加载了一个页面,并试图通过AJAX命中HTTP中的API。但是浏览器不允许我们这样做。
因此,如果您不能将API设置为HTTPS(这是我的情况),我们仍然可以采用其他方式进行处理。
主要问题不是混合内容问题,而是我想将数据提交到API并将用户重定向到精美的感谢页面。我没有使用AJAX,而是制作了一个php文件,该文件接收数据,使用curl将其发送到API(由于服务器端已完成此操作,因此没有混合内容问题),并将我满意的用户重定向到了一个精美的感谢页面。
如果您使用HTTPS在浏览器中加载页面,浏览器将拒绝通过HTTP加载任何资源。正如您尝试过的, 将API URL更改为使用HTTPS而不是HTTP通常可以解决此问题。但是,您的API必须不允许HTTPS连接。因此,您必须在主页上强制使用HTTP或请求它们允许HTTPS连接。
请注意以下事项:如果您转到APIURL而不是尝试使用AJAX加载请求,则该请求仍然有效。这是因为浏览器未从安全页面内加载资源,而是正在加载不安全页面并接受该页面。为了使它可以通过AJAX使用,协议应该匹配。