热门关键字:
jquery > jquery教程 > jquery教程 > h5+js+ajax+百度翻译API:实现翻译功能

h5+js+ajax+百度翻译API:实现翻译功能

390
作者:管理员
发布时间:2021/1/27 19:10:06
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=3553
  使用前端技术: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、这样只是实现简单的词或者句子翻译,但是如果想展示具体的扩展,就像其他词典那样展示词根、发音、扩展、造句登,现在还不行,原因是词典功能不支持个人开发者。如果需要词典功能需要注册企业开发者,参见:




如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:jquery
友荐云推荐