1. Start Lingoes API Server
   启动灵格斯, 打开 "主菜单" > "设置" > "其他" -> "API 服务器" 窗口,  选中 "启用 API 服务器", 并按 "确定" 按钮关闭设置窗口.
   注意: 此时 Windows 防火墙会弹出窗口询问是否允许程序通过防火墙通信, 你需要请选择允许,
   你之后也可以在 "控制面板" > "系统和安全" > "Windows 防火墙" > "允许的程序" 里添加和修改 Lingoes 的网络权限, 允许其通过网络通信.
    
2. Set API Server Parameter
   API 服务默认绑定IP地址是 127.0.0.1,  端口是 11111, 你也可以根据需要修改. 如果 IP 地址栏内填写 * 号, 表示绑定本机所有IP地址.
   为了方便起见, 这里我们统一使用 127.0.0.1 和 11111 来进行讲解.
    
3. Test API Server is running
   在浏览器中输入 http://127.0.0.1:11111/ , 如果看到 "LingoesAPI/1.0.0 Web Server" 字样, 表示 API 服务正在运行, 接下来你就可以开始下一步开发工作了.

<script type="text/javascript">

var request = new XMLHttpRequest();

function OnApiCallback() {
  if (request.readyState == 4) {
    if (request.status == 200) {
      var jResult = JSON.parse(request.responseText);
      document.getElementById("lgs_api_result").innerText = JSON.stringify(jResult);
    } else {
      document.getElementById("lgs_api_result").innerText = "Error: status code is " + request.status;
    }
  }
}

// Call Lingoes API
function CallLingoesApi(sCmd) {
  var sText = document.getElementById("text").value;
  var sPosX = document.getElementById("pos_x").value;
  var sPosY = document.getElementById("pos_y").value;
  sText = encodeURIComponent(sText);
  sPosX = encodeURIComponent(sPosX);
  sPosY = encodeURIComponent(sPosY);

  var content = "cmd=" + sCmd + "&text=" + sText + "&pos_x=" + sPosX + "&pos_y=" + sPosY;
  var url = "http://127.0.0.1:11111/lingoes?" + content;
  request.open("GET", url, true);

  // 指定回调函数
  request.onreadystatechange = OnApiCallback;

  // 发送请求
  request.setRequestHeader("Cache-Control", "no-cache");
  request.setRequestHeader("Pragma", "no-cache");
  request.send(null);

  document.getElementById("lgs_api_result").innerText = "Wait Lingoes API Server Response...";
}

</script>

<div style="border:1px solid #e0e0e0; padding:10px; margin:10px 0 10px 0; background-color:#fafafa">
  <div>Word or Text: <input type="text" name="text" id="text" size="60" value="How are you"></div>
  <div>Window X Posit: <input type="text" name="pos_x" id="pos_x" size="20"></div>
  <div>Window Y Posit: <input type="text" name="pos_y" id="pos_y" size="20"></div>
  <div style="margin: 10px 0 10px 0">
    <button id="act" onclick="CallLingoesApi('mini_search')" onmouseover="">View Mini Window</button> &nbsp; 
    <button id="act" onclick="CallLingoesApi('main_search')" onmouseover="">Search Word</button> &nbsp;
    <button id="act" onclick="CallLingoesApi('main_translator')" onmouseover="">Translator Text</button>
  </div>
  <div id="lgs_api_result" style="margin-top: 10px; font-weight:bold"></div>
</div>