Microsoft Azure Translator Ajax API无法正常工作
-
12-12-2019 - |
题
我试图从当前版本的MS Bing Translator转换为新的Azure一个。
我创建了如新文档中所述的访问令牌,虽然Microsoft提供的以下示例(用于Azure)正确工作:
function translate() {
var from = "en", to = "es", text = "hello world";
var s = document.createElement("script");
s.src = "http://api.microsofttranslator.com/V2/Ajax.svc/Translate" +
"?appId=" + settings.appID +
"&from=" + encodeURIComponent(from) +
"&to=" + encodeURIComponent(to) +
"&text=" + encodeURIComponent(text) +
"&oncomplete=mycallback";
document.body.appendChild(s);
}
function mycallback(response) {
alert(response);
}
.
我想将上面的代码转换为jQuery调用。
我修改了类似的jQuery ajax调用从上一个工作的版本,但发出了一个世代odicetagcode:
function jqueryTranslate() {
var p = {};
p.appid = settings.appID;
p.to = "es";
p.from = "en";
p.text = "Goodbye Cruel World";
p.contentType = 'text/html';
$.ajax({
url: 'http://api.microsofttranslator.com/V2/Ajax.svc/Translate',
data: p,
dataType: 'jsonp',
jsonp: 'oncomplete',
complete: function (request, status) {
},
success: function (result, status) {
alert(result);
},
error: function (a, b, c) {
alert(b + '-' + c);
}
});
}
.
我会非常欣赏和了解出现问题,所以TIA为您的时间。
解决方案
另一个问题是弃用了用于对翻译器进行身份验证的Bing AppID机制。 microsoft有一个博客文章,详细说明了这里访问Windows Azure Marketplue中的转换器的进程:
http://blogs.msdn.com/b/translation/p//gettingstarted1.aspx
在这里有一个例子: http://blogs.msdn.com/b/translation/p/gtingstarted2.aspx
该建议是(至少)将代码放在ASP.NET,PHP,节点或类似的东西中获取您的令牌服务器端,以便您的客户端ID和客户端秘密未公开。
一旦得到访问令牌,需要将其写入到服务呼叫的HTTP标题中。ASP.NET示例显示,适应jQuery应该相对容易。
其他提示
<?php
$ClientID="your client id";
$ClientSecret="your client secret";
$ClientSecret = urlencode ($ClientSecret);
$ClientID = urlencode($ClientID);
// Get a 10-minute access token for Microsoft Translator API.
$url = "https://datamarket.accesscontrol.windows.net/v2/OAuth2-13";
$postParams = "grant_type=client_credentials&client_id=$ClientID&client_secret=$ClientSecret&scope=http://api.microsofttranslator.com";
$ch = curl_init();
curl_setopt($ch, CURLOPT_URL, $url);
curl_setopt($ch, CURLOPT_POSTFIELDS, $postParams);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, TRUE);
$rsp = curl_exec($ch);
print $rsp;
?>
.
然后,此HTML页面将显示一个从英语转换为法语的双箱接口。
注意:此帖子的早期版本缺少前5行,因此无法加载jQuery。(抱歉,@ db1。)工作脚本在这里在线:
http://www.johndimm.com/bingtrans/
.<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script language="javascript">
var g_token = '';
function onLoad() {
// Get an access token now. Good for 10 minutes.
getToken();
// Get a new one every 9 minutes.
setInterval(getToken, 9 * 60 * 1000);
}
function getToken() {
var requestStr = "/bingtrans/token.php";
$.ajax({
url: requestStr,
type: "GET",
cache: true,
dataType: 'json',
success: function (data) {
g_token = data.access_token;
}
});
}
function translate(text, from, to) {
var p = new Object;
p.text = text;
p.from = from;
p.to = to;
p.oncomplete = 'ajaxTranslateCallback'; // <-- a major puzzle solved. Who would have guessed you register the jsonp callback as oncomplete?
p.appId = "Bearer " + g_token; // <-- another major puzzle. Instead of using the header, we stuff the token into the deprecated appId.
var requestStr = "http://api.microsofttranslator.com/V2/Ajax.svc/Translate";
window.ajaxTranslateCallback = function (response) {
// Display translated text in the right textarea.
$("#target").text(response);
}
$.ajax({
url: requestStr,
type: "GET",
data: p,
dataType: 'jsonp',
cache: true
});
}
function translateSourceTarget() {
// Translate the text typed by the user into the left textarea.
var src = $("#source").val();
translate(src, "en", "fr");
}
</script>
<style>
#source,
#target {
float: left;
width: 400px;
height: 50px;
padding: 10px;
margin: 10px;
border: 1px solid black;
}
#translateButton {
float: left;
margin: 10px;
height: 50px;
}
</style>
</head>
<body onload="onLoad();">
<textarea id="source">Text typed here will be translated.</textarea>
<button id="translateButton" onclick="translateSourceTarget();">Translate English to French</button>
<textarea id="target"></textarea>
</body>
</html>
您可以尝试将 jsonpcallback 添加到呼叫中,并为其定义一个新功能。当我将jQuery代码与Microsoft的示例进行比较时似乎似乎缺少。
. function jqueryTranslate() {
var p = {};
p.appid = settings.appID;
p.to = "es";
p.from = "en";
p.text = "Goodbye Cruel World";
p.contentType = 'text/html';
$.ajax({
url: 'http://api.microsofttranslator.com/V2/Ajax.svc/Translate',
data: p,
dataType: 'jsonp',
jsonp: 'oncomplete',
jsonpCallback: 'onCompleteCallback', <------------------ THIS LINE
complete: function (request, status) {
},
success: function (result, status) {
alert(result);
},
error: function (a, b, c) {
alert(b + '-' + c);
}
});
}
function onCompleteCallback(response) { <------------------- THIS FUNCTION
alert('callback!');
}
尝试了约翰dimm提交的脚本,它对我不起作用。返回一个空白框和未修改的状态304。相反,在此链接 http://blogs.msdn.com/b/translation/p/phptranslator.aspx 它的工作精美