API-百度翻译-js使用

本文介绍了如何使用JavaScript调用百度翻译API。首先,需要在百度翻译开放平台注册并获取Appid和密钥。接着,下载JS Demo并进行简单修改。请求参数包括appid、q(待翻译的文本)、from(源语言)、to(目标语言)、salt(随机数)和sign(签名,由appid、q、salt和密钥拼接后进行MD5加密)。通过发送HTTP请求完成翻译操作。
摘要由CSDN通过智能技术生成

百度翻译api:
最新地址:http://api.fanyi.baidu.com/
开发文档:http://api.fanyi.baidu.com/api/trans/product/apidoc

  • 使用步骤:

    • 1.打开最新百度翻译开放平台api接口, 使用百度账号登录。 会在开发者信息中找到一个属于自己的Appid和密钥。 这个非常重要。
    • 2.在技术文档中, 找到各种开发语言Demo, 就可以下载js的demo了(点击下载)。
    • 3.简单修改即可使用
  • 请求参数:
    在这里插入图片描述

  • 简单说明:

    • Appid(appid)和密钥(key)改成自己的。
    • 签名由 appid +q+salt+密钥 拼接而成。
    • md5.js 文件是对字符串进行加密处理。
    • 完整请求为:
      http://api.fanyi.baidu.com/api/trans/vip/translate?q=apple&from=en&to=zh&appid=2015063000000001&salt=1435660288&sign=f89f9594663708c1605f3d736d01d2d4

源码:

	<!doctype html>
<head>
    <meta charset="utf-8"/>
</head>
<body>
<div>百度翻译</div>
<input id="q" placeholder="请输入要翻译的词" /> 
<button id="goTran">翻译</button>
<hr>
<p id="result"></p>



<script src="http://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="./md5.js"></script>
<script type="text/javascript">
	$(function(){
   
	
	var appid = 'Appid';
	var key = '密钥';
	var salt = (new Date).getTime();
	var from = 'auto';
	var to = 'auto';

	//翻译
	$("#goTran").click(function(){
   
		var query = $("#q").val();
		var str1 = appid + query + salt +key;
		var sign = MD5(str1);
		$.ajax({
   
		url: 'http://api.fanyi.baidu.com/api/trans/vip/translate',
		type: 'get',
		dataType: 'jsonp',
		data: {
   
			q: query,
			appid: appid,
			salt: salt,
			from: from,
			to: to,
			sign: sign
		},
		success: function (data) {
   
			var res=data.trans_result[0].dst;
			$("#result")[0].innerHTML=res;
			console.log(res);
		} 
	});
	})

// 多个query可以用\n连接  如 query='apple\norange\nbanana\npear'
	})

</script>
</body>

MD5.js

var MD5 = function (string) {
   
  
    function RotateLeft(lValue, iShiftBits) {
   
        return (lValue<<iShiftBits) | (lValue>>>(32-iShiftBits));
    }
  
    function AddUnsigned(lX,lY) {
   
        var lX4,lY4,lX8,lY8,lResult;
        lX8 = (lX & 0x80000000);
        lY8 = (lY & 0x80000000);
        lX4 = (lX & 0x40000000);
        lY4 = (lY & 0x40000000);
        lResult = (lX & 0x3FFFFFFF)+(lY & 0x3FFFFFFF);
        if (lX4 & lY4) {
   
            return (lResult ^ 0x80000000 ^ lX8 ^ lY8);
        }
        if (lX4 | lY4) {
   
            if (lResult & 0x40000000) {
   
                return (lResult ^ 0xC0000000 ^ lX8 ^ lY8);
            } else {
   
                return (lResult ^ 0x40000000 ^ lX8 ^ lY8);
            }
        } else {
   
            return (lResult ^ lX8 ^ lY8);
        }
    }
  
    function F(x,y,z) {
    return (x & y) | ((~x) & z); }
    function G(x,y,z) {
    return (x & z) | (y & (~z)); }
    function H(x,y,z) {
    return (x ^ y ^ z); }
    function I(x,y,z) {
    return (y 
要在 JavaScript 中调用百度翻译 API,可以按照以下步骤进行操作: 1. 在百度开发者平台上创建一个账号,并创建一个翻译应用,获取 API 密钥。 2. 在你的 HTML 文件中引入 jQuery 库,可以通过以下方式添加: ```html <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> ``` 3. 创建一个 JavaScript 函数来调用百度翻译 API。下面是一个简单的示例: ```javascript function translateText(text) { var apiKey = 'YOUR_API_KEY'; var apiUrl = 'https://fanyi-api.baidu.com/api/trans/vip/translate'; $.ajax({ url: apiUrl, type: 'get', dataType: 'jsonp', data: { q: text, appid: 'YOUR_APP_ID', salt: new Date().getTime(), from: 'auto', to: 'en', sign: md5('YOUR_APP_ID' + text + new Date().getTime() + 'YOUR_API_KEY') }, success: function(response) { var translatedText = response.trans_result[0].dst; console.log(translatedText); }, error: function(xhr, status, error) { console.log(error); } }); } ``` 请确保替换 `YOUR_API_KEY` 和 `YOUR_APP_ID` 为你在百度开发者平台上创建的应用的 API 密钥和应用ID。 4. 在你的页面中调用这个函数,例如: ```javascript translateText('你好'); ``` 这将翻译 "你好" 成英文,并将结果打印到控制台。 请注意,这只是一个简单的示例,你可以根据自己的需求进行修改和扩展。同时,为了保护你的 API 密钥,你可能需要在后端进行翻译请求,而不是直接在前端调用 API
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值