kaios百度翻译开发笔记

有于本人英语特别渣,所以特别需要一个翻译来解决问题,又因为最近的网课可以摸鱼,所以在kaios开发了给简陋的翻译0.0.1(目前更新一直鸽着)。。。。

所以有人看到这个贴子的话(我知道这个小破站基本没人来。。。)请把它进行改进

首先,请申请百度翻译API 得到key和ID这个也有用

然后就构建html文件,要求可视化的可用DW(详见友情链接中的神奇的软件站)不要求的随便

这里给个参考代码

<!doctype html>  
<html lang="en">  
<head>  
    <meta charset="UTF-8">  
    <title>Translate</title>  
</head>  
<body>  
<div id="SRC">  
<textarea id="srcText" name="srcText " style="width:500px; height:120px;">  
</textarea>  
  
<button id="Click" name="Click">Translate</button>  
</div>  
  
<br />   
<hr />  
<div id="DST">  
<textarea id="dstText" name="dstText" style="width:500px; height:120px;">  
</textarea>  
</div>  
  
  
</body>  
<script src="jquery-1.8.2.min.js" type="text/javascript"></script>  
<script type="text/javascript">  
   
$("#Click").click(function (){  
  
var contents = $("#srcText").val() ;  
alert(  contents) ;  
  
  
$.ajax({  
       type:"get",  
       async:false,                                                 //must be synchronized  
       url:"http://openapi.baidu.com/public/2.0/bmt/translate",  
       dataType:"jsonp",  
       data: {  
           from: "翻译的源语言",                                              //language choose  
           to: "翻译成的语言",  
           client_id:  这个地方输入你自己在百度开源申请的API 的 KEY,                  //baidu api key  
           q: contents  
       },     
       success:function(json , status){  
           
            //alert("here is the status :"+status) ;  
            $("#dstText").empty() ;  
  
            for ( var i = 0 ; i < json.trans_result.length ; i++ )  
            {  
            $("#dstText").append( json.trans_result[i].dst  +" <br />") ;  
            }  
        //  alert(json.trans_result[0].dst +" <br /> "+json.trans_result[0].src) ;  
           
      },  
      error:function(){  
          alert('Fail to translate with baidu API!');  
      }  
});  
}) ;  
  
</script>  
</html>