基于JavaScript调用百度翻译API实现文本翻译

为实现网页或应用的多语言支持，开发者可利用百度翻译API进行文本翻译。将阐述如何使用JavaScript调用百度翻译API，并提供相应的代码示例。

获取API密钥

在调用API之前，需前往百度AI开放平台注册账号并创建应用，获取API密钥（AK）和安全密钥（SK）。

引入百度翻译SDK

百度提供JavaScript版本的SDK，可通过CDN链接直接引入或下载SDK文件后本地引用。

[removed][removed]

构建API请求

构建API请求需包含以下步骤：

1. 拼接参数字符串：将API密钥、随机数、源语言代码、目标语言代码和待翻译文本按照特定顺序拼接成字符串。
2. 生成签名：使用安全密钥对拼接后的字符串进行MD5加密，得到32位的签名值。
3. 发送请求：使用XMLHttpRequest或fetch API发送GET请求至百度翻译API接口，请求URL包含API密钥、随机数、签名、源语言代码、目标语言代码和待翻译文本等参数。

处理响应数据

API请求成功后将返回包含翻译结果的JSON对象。开发者可解析该对象并提取翻译后的文本，将其展示在页面指定位置。

fetch('https://api.fanyi.baidu.com/api/trans/vip/translate?appid=你的APPID&salt=随机数&sign=签名&from=源语言代码&to=目标语言代码&q=待翻译的文本')
  .then(response => response.json())
  .then(data => {
    let translation = data.trans_result[0].dst;
    document.getElementById('translationResult').innerText = translation;
  })
  .catch(error => console.error(error));

总结

通过以上步骤，开发者可以利用JavaScript调用百度翻译API实现文本翻译功能，为用户提供便捷的多语言体验。