Javascript Google Places API-未捕获的语法错误：意外标记：

我已经研究了一个多小时了，但找不到有效的解决方案

我的js：

 var googleUrl = 'https://maps.googleapis.com/maps/api/place/autocomplete/json?input=Vict&types=geocode&language=fr&key=<MY KEY>'

  $.ajax({
      type: 'GET',
      url: googleUrl,
      dataType: 'jsonp',
      success: function(response)    {

          console.log(response)
       },
      error: function(response)    {
          console.log(response);
      }

  })

var googleUrl='1〕https://maps.googleapis.com/maps/api/place/autocomplete/json?input=Vict&types=geocode&language=fr&key='
$.ajax({
键入：“GET”，
url:googleUrl，
数据类型：“jsonp”，
成功：功能（响应）{
console.log（响应）
},
错误：函数（响应）{
控制台日志（响应）；
}
})

我看到了，这表明了一种“回调方法”——我仍然不明白为什么会出现错误：

uncaughtsyntaxerror:uncontractedtoken:

我看到它被标记为一个副本——但正如我已经指出的，我已经在另一篇文章中尝试了所有的方法，如果不使用JSONP，我仍然无法访问工作。关于如何解决问题的建设性反馈将是有用的

任何建议都将不胜感激

---

更新-很明显，我的代码中的我的密钥不是“我的密钥”。

您的语法错误是由于

googleUrl

使用JSON而不是JSONP响应，您将其指定为

dataType

参数。

因此，只需将

dataType

从

jsonp

更改为

json

---

您可以了解有关此格式的更多信息。

是的，我确信这是我的代码。我刚刚用API密钥尝试了您的代码，当我将内容类型更改为

json

时，它起了作用。响应是

json

，而不是

JSONP

。它们不能互换。将

dataType:'jsonp'

更改为

dataType:'json'

，但是这会导致

No Access Control Header

错误，因为您调用的URL在响应中没有CORS头。因此，您不能向该域发出AJAX请求。您需要在服务器端执行此操作instead@legotin哈哈，我想他只是把它当作

而不是在网上发布他的API密钥！！我相信在他的密码里他有真正的钥匙；）@RoryMcCrossan-这不应该被标记为重复，它们是类似的问题，但由非常不同的问题引起。如果我使用JSON，我得到这个错误

XMLHttpRequest无法加载https://maps.googleapis.com/maps/api/place/autocomplete/json?input=Vict&types=geocode&language=fr&key=. 请求的资源上不存在“Access Control Allow Origin”标头。起源'http://localhost:3000因此，不允许访问。

也许，您应该将GET参数

key

从

更改为真实的key。是的，这是一个全新的错误@莱戈廷回答了你最初的问题，你应该接受他的回答answer@legotin嗯。显然，我的代码中有一个密钥。我不会在这个公共论坛上发布我的密钥。这不是问题所在，错误也没有表明这是问题所在。@legotin-你为什么一直提到

（首先在问题下方的注释中，现在在这里）？这正是一个人应该如何表示他们的密钥，而不是实际的密钥（总是发生）。