20年技术开发服务经验

AI大模型代搭建应用专家

菜单

html 调用chatgpt api的官方例子

发布日期:2023年03月01日

HTML是一种标记语言,不支持编写与API交互的代码,但是可以使用JavaScript来实现与ChatGPT API的交互。以下是一个使用JavaScript和jQuery库来实现与ChatGPT API交互的例子:


<!DOCTYPE html>

<html>

  <head>

    <meta charset="UTF-8">

    <title>ChatGPT API Example</title>

    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

    <script>

      $(document).ready(function() {

        // 将你的API密钥放在这里

        var API_KEY = "your_api_key";

        

        // 将API请求的URL放在这里

        var API_URL = "https://api.openai.com/v1/engine/davinci-codex/completions";

        

        // 设置请求体

        var prompt = "Hello, can you help me write a Python script?";

        var data = {

          prompt: prompt,

          max_tokens: 50,

          temperature: 0.5

        };

        

        // 设置请求的headers

        var headers = {

          "Content-Type": "application/json",

          "Authorization": "Bearer " + API_KEY

        };

        

        // 发送POST请求并获取响应

        $.ajax({

          url: API_URL,

          headers: headers,

          type: "POST",

          data: JSON.stringify(data),

          success: function(response) {

            var completion_text = response.choices[0].text;

            $("#output").text(completion_text);

          },

          error: function(xhr, status, error) {

            console.log("Error: " + error.message);

          }

        });

      });

    </script>

  </head>

  <body>

    <h1>ChatGPT API Example</h1>

    <div id="output"></div>

  </body>

</html>


联系我们

联系我们

19939554991

在线咨询: QQ交谈

邮箱: 17473648@qq.com

工作时间:周一至周五,9:00-17:30,节假日休息
关注微信
微信扫一扫关注我们

微信扫一扫关注我们

手机访问
手机扫一扫打开网站

手机扫一扫打开网站