Django集成百度翻译接口的完整实现流程

听雨眠

发布时间：2026-10-14| 5人浏览过

原创

本文详细介绍如何在Django项目中集成百度翻译接口。内容涵盖路由配置、后端视图函数的编写、前端表单设计以及基于jQuery的异步提交处理。通过具体代码示例，展示如何获取用户输入、调用API并返回翻译结果，帮助开发者快速实现简单的英汉互译功能。

Django集成百度翻译接口的完整实现流程

第一步，配置URL路由。

第二步，编写后端处理逻辑。


def fanyi(request):
  import requests
  import json
  content = request.POST.get('content')
  try:
    if not content:
      res={'status':1,'info':'未输入查询内容'}
      return HttpResponse(json.dumps(res))
    else:
      headers = {
        'user-agent': 'Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/65.0.3325.181 Safari/537.36'
      }
      parmas = {'kw': content}
      response = requests.post(url='https://fanyi.baidu.com/sug', params=parmas, headers=headers)
      print(json.loads(response.text)['data'][0]['v'])
      res={'status':0,'info':json.loads(response.text)['data'][0]['v']}
      return HttpResponse(json.dumps(res))
  except:
    res={'status':2,'info':'未查询到结果，请输入正确的内容'}
    return HttpResponse(json.dumps(res))

第三步，构建前端页面，使用form表单进行内容提交。


<form method="post" onsubmit="return false" id="form">
     {% csrf_token %}
    <div>
      <button>英汉互译</button>
      <br>
      <textarea name="content" cols="50" rows="10" class="main"></textarea>
      <input type="button" id="onsubmit" value="查询">
    </div>
   </form>

第四步，利用jQuery处理提交事件并接收返回结果。


<script>
  $('#onsubmit').click(function () {
    console.log(123);
    $.post('/apply/fanyi/',$('#form').serialize(),function (data) {
      if (data['status']==0){
        layer.alert(data['info'], {
           skin: 'layui-layer-molv' //样式类名
           ,closeBtn: 0
          })
      }else{
        layer.alert(data['info'], {
           icon: 1,
           skin: 'layer-ext-moon' //该皮肤由layer.seaning.com友情扩展。关于皮肤的扩展规则，去这里查阅
          })
      }
    },'json')
  })
</script>

第五步，展示页面最终效果。