Question

我正在寻找使用MailChimp列表API创建ajax函数的方法，但是我遇到以下错误“由于其不利影响而弃用了主线程上的同步XMLHttpRequest”。 PHP代码可以正常工作，但是当我尝试引入ajax时，一切都会出错。

老实说，我不知道从哪里开始，因为在使用带有API的ajax方面经验很少。

有人能好心地回顾下面的代码并告诉我他们的想法吗？

  $(document).ready(function() {
    $("#subCard").submit(function(event) {
      event.preventDefault();
      var emailSub = $("#emailSub").val();
      var fNameSub = $("#fNameSub").val();
      var lNameSub = $("#lNameSub").val();
      var subSubmit = $("#subSubmit").val();
    $(".form-message").load("action.php", {
      emailSub: emailSub,
      fNameSub: fNameSub,
      lNameSub: lNameSub,
      subSubmit: subSubmit
    });  
  });
});


<?php
session_start();
if(isset($_POST['subSubmit'])){
  $emailSub = $_POST['emailSub'];
  $fNameSub = $_POST['fNameSub'];
  $lNameSub = $_POST['lNameSub'];
if(!empty($emailSub) && !filter_var($emailSub, FILTER_VALIDATE_EMAIL) === false){
    // MailChimp API credentials
    $apiKey = 'user API key';
    $listID = 'user list ID';

    // MailChimp API URL
    $memberID = md5(strtolower($emailSub));
    $dataCenter = substr($apiKey,strpos($apiKey,'-')+1);
    $url = 'https://' . $dataCenter . '.api.mailchimp.com/3.0/lists/' . $listID . '/members/' . $memberID;

    // member information
    $json = json_encode([
        'email_address' => $emailSub,
        'status'        => 'subscribed',
        'merge_fields'  => [
            'FNAME'     => $fNameSub,
            'LNAME'     => $lNameSub
        ]
    ]);

    // send a HTTP POST request with curl
    $ch = curl_init($url);
    curl_setopt($ch, CURLOPT_USERPWD, 'user:' . $apiKey);
    curl_setopt($ch, CURLOPT_HTTPHEADER, ['Content-Type: application/json']);
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
    curl_setopt($ch, CURLOPT_TIMEOUT, 10);
    curl_setopt($ch, CURLOPT_CUSTOMREQUEST, 'PUT');
    curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);
    curl_setopt($ch, CURLOPT_POSTFIELDS, $json);
    $result = curl_exec($ch);
    $httpCode = curl_getinfo($ch, CURLINFO_HTTP_CODE);
    curl_close($ch);

    // store the status message based on response code
    if ($httpCode == 200) {
        $_SESSION['msg'] = '<p style="color: #ffffff">You have successfully subscribed to AquaCodeStudio.</p>';
    } else {
        switch ($httpCode) {
            case 214:
                $msg = 'You are already subscribed.';
                break;
            default:
                $msg = 'Sorry a problem occurred, please try again.';
                break;
        }
        $_SESSION['msg'] = '<p style="color: #EA4335">'.$msg.'</p>';
    }
    }else{
       $_SESSION['msg'] = '<p style="color: #EA4335">Please enter a valid email address.</p>';
    }
}
// redirect to homepage
header('location:about.php');

?>

Answer 1

.load本身是同步的，除非在全局jQuery AJAX设置中指定了其他内容。

处理表单数据后重定向到about.php页似乎是罪魁祸首。

它实际上在后台重定向AJAX请求-因此首先将数据发送到load.php并在那里进行处理，然后浏览器再次向about.php发出（GET）请求。然后插入原始文档中的是原始文档的内容。不知道这到底是如何引起“ Synchronous…”警告的，但也许该页面本身包含再次发出AJAX请求的代码，或类似的东西。（{.load在不带后缀选择器表达式的情况下执行时，将自动执行已加载的HTML中包含的<script>个元素。）

主线程上的XMLHttpRequest同步已弃用/ AJAX＆API

1 个答案: