有道云翻译API翻译JavaScript使用教程

有道云翻译API翻译使用教程

一、注册
前往有道智云AI开放平台进行注册。
然后填写进入免费体验试用进行资料填写。

二、创建应用
在这里插入图片描述
进入上图1,创建应用如下图:执行1、2。
在这里插入图片描述
进入上上图2,创建实例如下图:执行1、2。
执行3绑定前面创建的应用。
在这里插入图片描述
获取 appID 和应用密钥 key ,如下图:执行1、2。
在这里插入图片描述
appID & key:
在这里插入图片描述

三、创建网页

<!doctype html>
<head>
    <meta charset="utf-8"/>
	<title></title>
</head>
<body>
<div>
    <div >
		<div>输入文本:</div>
		<div><textarea id = "textIn"></textarea></div>
	
	</div>
    <div>
		<div>输出文本:</div>
		<div><textarea id = "textOut"></textarea></div>
	</div>
	<button type="button" onclick="test()" >翻译</button>

</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/crypto-js/4.0.0/crypto-js.js"></script>
<script type="text/javascript">
    var appKey = '  '; // appID
    var key = '  '; // 申请的密钥
    var from = 'zh-CHS';
    var to = 'en';
	
	function test(){
		var query = document.getElementById("textIn").value;
		var salt = (new Date).getTime();
		var curtime = Math.round(new Date().getTime()/1000);
		var str1 = appKey + truncate(query) + salt + curtime + key;
		var sign = CryptoJS.SHA256(str1).toString(CryptoJS.enc.Hex);
		$.ajax({
			url: 'http://openapi.youdao.com/api',
			type: 'post',
			dataType: 'jsonp',		// jsonp 类型
			data: {
				q: query,
				appKey: appKey,
				salt: salt,
				from: from,
				to: to,
				sign: sign,
				signType: "v3",
				curtime: curtime,
			},
			success: function (data) {
				var dataObj = data.translation;
				document.getElementById("textOut").value = dataObj;
				console.log(dataObj);
				console.log("获取数据成功!");
			}
		});

		function truncate(q){
			var len = q.length;
			if(len<=20) return q;
			console.log(q.substring(0, 10) + len + q.substring(len-10, len));
			return q.substring(0, 10) + len + q.substring(len-10, len);

		}
	}
	
</script>
</body>
</html>

填写上面appID和key。保存为html,运行即可。

  • 3
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值