【发布时间】:2021-06-08 16:45:27
【问题描述】:
我正在尝试调用谷歌翻译,我使用我的谷歌 API 密钥,但我不断收到 403 错误,似乎无法弄清楚。我想我正在使用正确的脚本类型 HTML 标签“application/javascript”似乎无法解决这个问题
这是 chrome 控制台中的错误:
GET https://www.googleapis.com/language/translate/v2?key=API KEY REMOVED&source=en&target=de&q=How%20are%20you 403
send @ jquery.min.js:2
ajax @ jquery.min.js:2
S.<computed> @ jquery.min.js:2
translatePage @ (index):26
onclick @ (index):17
使用此代码:
<html>
<body>
<head>
<script type="application/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
<b>Text:</b> <input type="text" id="text" value="How are you"/> <br>
<b>Target Langugage:</b>
<select id="target">
<option value="de">Germany</option>
<option value="hi">Hindi</option>
<option value="fr">French</option>
</select>
<br>
<input type="button" value="Translate" onclick="translatePage()" />
<br> <br>
<b>Translated Text:</b><div id="translated"></div>
<script>
function translatePage()
{
$.get("https://www.googleapis.com/language/translate/v2",
{
key:"GOOGLE API KEY",
source:"en",
target:$("#target").val(),
q:$("#text").val()
},
function(response)
{
$("#translated").html(response.data.translations[0].translatedText);
},"json") .fail(function(jqXHR, textStatus, errorThrown)
{
alert( "error :"+errorThrown );
});
}
</script>
</body>
</html>
【问题讨论】:
标签: javascript jquery google-api google-translate