使用前端技术：h5+js+ajax开发网页翻译功能，调用百度开放平台的API，入门级前端demo，非常详细好入手

 

　　功能为：点击Translate按钮，实现英译汉，页面如下：

 

　　？一、appID和key值准备

 

　　在百度开放平台上注册，然后按照步骤注册开发者，注册开发者是免费的，日使用在200w个字符内也是免费的，超过就要收费了。另外，也可以在平台上选择停用翻译功能，避免超出收费

 

　　注册成功后，会给你个appid和密钥（即key）

 

　　二、下载demo，需要md5文件

 

　　在百度平台上进入“文档与支持”目录下，找到这个js版的demo，然后下载

 

　　下载之后有一个md5.js文件，这个是我们一会需要的

 

　　三、编写代码

 

　　1、建目录：在随便某个目录下建个目录，我是直接放在桌面上

 

　　2、准备jquery.min.js文件、刚才的md5.js文件、新建个a.html文件。（注意：需要放到同一个目录下）

 

　　3、编辑a.html文件，可以用VSCode打开，输入如下代码：

 

　　注意：以上代码其他的不用改，但是第29行和30行的appid、key要改成自己在百度平台上申请的

 

　　四、运行

 

　　直接使用浏览器打开a.html（或者双击），就可以直接展示界面了

 

　　五、扩展

 

　　1、如果想使用其他，比如英译汉、或者其他日语、韩语、阿拉伯语，只需要把a.html中的“from”和"to"这两个变量改一下，对照表参见百度翻译平台上的：

 

　　2、这样只是实现简单的词或者句子翻译，但是如果想展示具体的扩展，就像其他词典那样展示词根、发音、扩展、造句登，现在还不行，原因是词典功能不支持个人开发者。如果需要词典功能需要注册企业开发者，参见：