javascript - 请求失败，出现 "No ' Access-Control-Allow-Origin' header ”

Question

我已经使用 Get Response(电子邮件客户端)创建了一个表单，并尝试在表单上使用 ajax 来创建自定义成功/失败消息。该代码运行良好。但是，当我将 ajax 链接到表单时，它停止工作，并且收到以下错误消息。将不胜感激任何帮助。

Error: XMLHttpRequest cannot load https://app.getresponse.com/add_subscriber.html. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8888' is therefore not allowed access.

<form id="email-form-2" name="email-form-2" accept-charset="utf-8" action="https://app.getresponse.com/add_subscriber.html" method="post">
 <input type="text" placeholder="Your Name" name="name">
     <input type="text" placeholder="Your Email" name="email">
       <textarea placeholder="Your Message..." name="custom_comment"></textarea>
          <input type="hidden" name="campaign_token" value="XYZ" />
          <input type="submit" value="Send Message" data-wait="Please wait...">
        </form>
        <div>
          <p>Thanks for contacting us :)</p>
        </div>
        <div>
          <p>Darn. It didn't work. Give it another shot and see what happens :)</p>
        </div>

         <script type="text/javascript">
          $(function () {
           $('#email-form-2').submit(function (e) {
           e.preventDefault();
           $.ajax({
            url: this.action,
            data: $(this).serialize(),
            type: 'POST'
            }).done(function () { 
           $("#email-form-2+div.w-form-done").show();
           $("#email-form-2+div.w-form-fail").hide();
           $("#email-form-2").hide();
          })
           .fail(function () { 
           $("#email-form-2+div.w-form-done").hide();
           $("#email-form-2+div.w-form-fail").show();
           $("#email-form-2").show();
         });
       });
   });
</script>

Answer 1

好的，我建议您在服务器端使用您喜欢的任何语言来使用 cURL。现在我可以建议您使用 cURL 和 PHP。在 proxy.php 中尝试一下:

<?php 
    // create curl resource 
    $ch = curl_init(); 

    // set url 
    curl_setopt($ch, CURLOPT_URL, "https://app.getresponse.com/add_subscriber.html");

    //return the transfer as a string 
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);

    // $output contains the output string
    $output = curl_exec($ch);

    // close curl resource to free up system resources
    curl_close($ch);

    // output
    die($output);
?>

现在您可以在 AJAX 请求中使用 proxy.php，因为它位于同一域中。您还有另一种方法:

<?php
    die(file_get_contents("https://app.getresponse.com/add_subscriber.html"));
?>