JQuery.Ajax() 无法正常工作不确定脚本是否正确加载

Question

我正在尝试使用 API 通过 MailChimp 发送电子邮件。通过这样做，我可以避免使用任何类型的后端。我不知道我的 Jquery 脚本文件设置是否错误。

$(document.ready(function () {

  $('#survey').click(function() {

    $.ajax({

        type: “POST”,

        url: “https://mandrillapp.com/api/1.0/messages/send.json”,

        data: {

          ‘key’: ‘api Key’,

          ‘message’: {

            ‘from_email’: ‘email’,

            ‘to’: [

                {

                  ‘email’: ‘email’,

                  ‘name’: ‘RECIPIENT NAME (OPTIONAL)’,

                  ‘type’: ‘to’

                }

              ],

            ‘autotext’: ‘true’,

            ‘subject’: ‘Class Survey’,

            ‘html’: ‘Here is your survey link: <a>link</a>’

          }

        }

       }).done(function(response) {

         console.log(response); 

    });

  });

}); 

以下是我在 VS Code 中收到的所有错误

我不知道为什么 VS Code 会突出显示所有代码。我还想提一下控制台给出了这个错误，即使它没有提供太多信息。

Uncaught SyntaxError: Invalid or unexpected token

谢谢您的帮助！

Answer 1

这是因为您使用了错误的双引号用这个"代替这个“用这个'代替‘&nbsp; $(document).ready(function() {&nbsp; &nbsp; &nbsp; &nbsp; $('#survey').click(function() {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $.ajax({&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; type: "POST",&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; url: "https://mandrillapp.com/api/1.0/messages/send.json",&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; data: {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 'key': 'api Key',&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 'message': {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 'from_email': 'email',&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 'to': [&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 'email': 'email',&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 'name': 'RECIPIENT NAME (OPTIONAL)',&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 'type': 'to'&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ],&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 'autotext': 'true',&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 'subject': 'Class Survey',&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 'html': 'Here is your survey link: <a>link</a>'&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }).done(function(response) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; console.log(response);&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; });