分类目录归档：未分类

API-网页

发表于由
回复

申请了文心一言的api接口，利用网页端、GitHub的chatall项目试用了下。感觉ERNIE-Bot版本在回答物理化学和编程时，表现得比ERNIE-Bot-turbo效果更好。准确度也很高。

让chatgpt3.5给出了文心一言api打包成网页的代码。示例如下（需要获得其中的access_token并更换，保存为html格式文件）:

你提供的代码中，已经使用内嵌方式将 JavaScript 代码嵌入到了 HTML 文件中。以下是整合后的代码：

<!DOCTYPE html>
<html>
<head>
  <title>API交互网页</title>
</head>
<body>
  <h1>API交互网页</h1>
  <label for="input">输入：</label>
  <input type="text" id="input" />
  <button onclick="callAPI()">提交</button>
  <h2>结果：</h2>
  <div id="result"></div>

  <script>
    function callAPI() {
      // 获取用户输入的内容
      var input = document.getElementById("input").value;

      // 构造 API 请求的数据
      var requestData = {
        messages: [
          { role: "user", content: input }
        ]
      };

      // 发送 API 请求
      fetch('https://aip.baidubce.com/rpc/2.0/ai_custom/v1/wenxinworkshop/chat/completions?access_token=[access_token]', {
        method: 'POST',
        headers: {
          'Content-Type': 'application/json'
        },
        body: JSON.stringify(requestData)
      })
      .then(response => response.json())
      .then(data => {
        // 处理 API 返回的数据
        var result = data.result;

        // 显示结果
        var resultDiv = document.getElementById("result");
        resultDiv.innerText = result;
      })
      .catch(error => {
        console.log(error);
      });
    }
  </script>
</body>
</html>

在这个代码中，JavaScript 代码被直接嵌入到了 <script> 标签中，以实现与 API 的交互。当用户点击 “提交” 按钮时，callAPI() 函数会被调用，该函数会获取用户输入的内容，并发送 API 请求。然后，通过处理 API 返回的数据，将结果显示在页面上。