Question

我有一个使用ajax发布数据的表单。但这给我一个错误：

This request has been blocked; the content must be served over HTTPS.

据我所知，所有内容都通过HTTPS提供。这是我的代码：

$('#webinarform').submit(function(){
        var $form = $(this),
         $error = $form.find('.error-container'),
         action  = $form.attr('action');

         $error.slideUp(750, function() {
         $error.hide();

         var $name = $form.find('.form-control-name'),
            $email = $form.find('.form-control-email'),
            $seminar = $form.find('.form-control-seminar'),
            $message = $form.find('.form-control-message');

         $.post(action, {
                 name: $name.val(),
                 email: $email.val(),
                 seminar: $seminar.val(),
                 message: $message.val(),
            },
            function(data){
                 $error.html(data);
                 $error.slideDown('slow');
                 if (data.match('success') != null) {
                    $name.val('');
                    $email.val('');
                    $seminar.val('');
                    $message.val('');
                 }
            }
         );

        });

        return false;

    });

我的html：

<form class="form contact-form" id="webinarform" autocomplete="off" role="form" enctype="multipart/form-data" method="post" action="mail/mail_send.php">
   <div class="clearfix">
      <div class="col-md-12">
         <h4 class="font-alt h3bold">Meld je aan voor de webinar</h4>
         <div class="error-container"></div>
         <!-- Name -->
         <div class="form-group">
            <input type="hidden" name="seminar" class="form-control-seminar" value="<?PHP echo $_GET['seminar']; ?>">
            <input style="text-transform:none;" type="text" name="name" class="input-md form-control-name round form-control" placeholder="Naam" pattern=".{3,100}" required>
         </div>
         <!-- Email -->
         <div class="form-group">
            <input style="text-transform:none;" type="email" name="email" class="input-md round form-control-email form-control" placeholder="Email" pattern=".{5,100}" required>
         </div>
      </div>
      <div class="col-md-12">
         <!-- Message -->
         <div class="form-group">
            <textarea name="message" class="input-md round form-control-message form-control" style="height: 178px;text-transform:none!important;" placeholder="Opmerking"></textarea>
         </div>
      </div>
   </div>
   <div class="clearfix">
      <div class="cf-left-col">
         <!-- Inform Tip -->
         <div class="form-tip pt-20">
            <i class="fa fa-info-circle"></i> E-mailadres en naam zijn verplicht
         </div>
      </div>
      <div class="cf-right-col">
         <!-- Send Button -->
         <div class="align-right pt-10">
            <button class="submit_btn btn btn-mod btn-medium btn-round">Verstuur</button>
         </div>
      </div>
   </div>
</form>

当我提交表单时，它最终显示在我的JavaScript上，但停在那里，并在控制台中抛出此错误：

Mixed Content: The page at 'https://mysite.nl/seminarcontact.php?seminar=1' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://mysite.nl/'. This request has been blocked; the content must be served over HTTPS.

在我的代码中什么都看不到http。所以我不确定为什么会给我这个错误。我的整个网站是https。

这是怎么回事？

Ajax发布给出错误：已通过HTTPS加载，但请求了不安全的XMLHttpRequest端点

0 个答案: