我有一个表格,我正在提交(通过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提交数据并将用户重定向到我的谢谢页面？

============================

这里的问题是混合内容,这意味着我通过HTTPS加载了一个页面,并试图通过AJAX点击HTTP中的API.但浏览器不允许我们这样做.

因此,如果您无法将API设置为HTTPS(这是我的情况),我们仍然可以以不同的方式处理此问题.

主要问题不是混合内容问题,我想将数据提交给API并将用户重定向到花哨的感谢页面.而不是使用AJAX,我做了一个php文件,接收数据使用curl将它发送到API(因为这是在服务器端完成没有混合内容问题)并重定向我的快乐用户到一个花哨的感谢页面.

有谁知道如何使用CSS实现以下效果？(我指的是每个圆圈之间的阴影)

到目前为止,我的HTML看起来像这样:

<div>
    <div class="psa-circle-container"><span class="psa-circle">12</span><br>CIUDADES</div>

    <div class="psa-circle-container"><span class="psa-circle">3</span><br>
    EQUIPOS POR CIUDAD</div>

    <div class="psa-circle-container"><span class="psa-circle">18</span><br>
    JUGADORES POR EQUIPO</div>

</div>

这是我的css:

.psa-circle {
    font-size: 35px;
    line-height: 70px;
    display: inline-block;
    width: 70px;
    height: 70px;
    background: white;
    border-radius: 50%;
    margin: 30px;
    box-shadow: inset 0 0 5px #000000;
    color: black;
}
.psa-circle-container {
    display: inline-block;
    text-align: center;
    color: white;
    padding: 20px;
    width: 180px;
    vertical-align: top;
    font-size: 18px;
    font-weight: bold;
    margin: 0 20px 20px;
    padding-top: 0;
}

完成这个:

我试图使用带有插入阴影的"psa-circle-container"但没有成功.我试过谷歌搜索阴影效果,但我没有找到类似的东西.

我可以将React生命周期方法编写为类属性吗？

我一直在使用类属性,因为我喜欢我不再需要手动绑定我的方法,但我想在我的组件之间保持一定的一致性,我想知道写作是否有任何缺点React生命周期方法作为类属性

import React, { Component } from 'react';

class MyComponent extends Component {

  render = () => {
    return (
      <div>Foo Bar</div>
    );
  }

}

export default MyComponent;

例如,与等效方法中的上下文相比,此类属性的上下文是否受到影响.鉴于render上述代码中的方法是作为箭头函数编写的,这种关注似乎是相关的.