Javascript Ajax不适用于android google chrome

我的HTML代码：

<form id="form" style="border: 2px solid white; padding: 20px;">
            <div class="form-group">
                <label for="username">Name</label>
                <input type="text" class="form-control" id="username" placeholder="Name" name="name" required>
            </div>
            <div class="form-group">
                <label for="username">Registration Number</label>
                <input type="text" class="form-control" id="regno" placeholder="Registration Number" name="regno" required>
            </div>
            <div class="form-group">
                <label for="username">Phone Number</label>
                <input type="text" class="form-control" id="phone" placeholder="Phone Number" name="phoneno" required>
            </div>
            <div class="form-group">
                <label for="email">Email</label>
                <input type="email" class="form-control" id="email" placeholder="Email" name="email" required>
            </div>
            <button  class="btn btn-primary sub_btn" id="submit" style="width: 100%; background-color: blue;">Subscribe</button>
        </form>

名称
注册号
电话号码
电子邮件
订阅

我的Javascript/Jquery代码：

    $('#form').on('submit', function(event){
event.preventDefault();
var phoneno = $('#phone').val();
if(phoneno.length > 12 || phoneno.length <10){
    swal("Enter a valid phone no!!");
    $('#form')[0].reset();
    return false;
}
var regno = $('#regno').val();
var patt = /^([0-9]{2})([a-zA-Z]{3})([0-9]{3,4})$/;
if(!patt.test(regno))
{
    swal("Enter a valid registration number");
    $('#form')[0].reset();
    return false;
}


var name = $('#username').val();
var email = $('#email').val();
if(name.length==0 || email.length==0){
    swal("Enter all fields");
    $('#form')[0].reset();
    return false;
}
var data = {
        'name'   : $('#username').val(),
        'email'  : $('#email').val(),
        'phoneno': $('#phone').val(),
        'regno'  : $('#regno').val()
};
console.log(data);
$.ajax({
    type: "POST",
    url: "https://reversecodingsubs.herokuapp.com/subs",
    data: data,
    cache: false,
    dataType: "json", 
    encode: true,
    beforeSend: function() {
        $('.sub_btn').text('subscribing...');
    }
}).done(function(data) {
    swal("Great job!", "You are successfully registered!", "success")
    $('.sub_btn').text('subscribe');
    $('#form')[0].reset();
});
return true;

$（'#表单'）。在（'submit'，函数（事件）{
event.preventDefault（）；
var phoneno=$（'#phone'）.val（）；
如果（phoneno.length>12 | | phoneno.length我在检查android google chrome浏览器的控制台时发现问题，该控制台显示错误声明

如果HTTP中的另一个脚本在https上被请求，则无法通过HTTP发出请求

（但不是类似的语句）。然后它显示：

未定义$

然后我检查了jquery CDN是否在HTTP上被请求，当我将其更改为https时，一切正常。
具体是什么“不起作用”？单击按钮时，没有发生任何事情，但在其他浏览器中ajax功能正常。您能调试并查看执行停止的位置吗？@John Pavek，我检查了控制台，结果显示，由于我的API请求使用https，jquery CDN被阻止，因为它是使用HTTP调用的。如果您有时间，请添加一个详细的答案您发现了错误，以便将来的读者可以看到路径