通过js调用ChatGPT的前端资源-CSDN文库

共11个文件

js：2个

xml：2个

css：2个

javascript

需积分: 5 41 浏览量 2023-05-05 16:12:39 上传评论收藏 22KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

gpt.zip （11个子文件）

gpt

.idea

workspace.xml 2KB

modules.xml 265B

.gitignore 103B

gpt.iml 469B

index.html 10KB

static

openai.js 805B

toast.js 0B

css

common.css 41KB

wenda.css 4KB

images

favicon.ico 4KB

fonts

iconfont.woff2 3KB

<!DOCTYPE html> <html lang="zh-cmn-Hans" xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="keywords" content="ChatGPT,Quarkus for ChatGPT,OpenAi,ai智能"> <meta name="description" content="ChatGPT是一款基于自然语言生成（NLG）和认知技术（AI）的对话引擎，可用于涵盖从智能对话到富媒体技术（文本/语音/视频）的内容的各种用例的实现。支持的平台：Facebook，Microsoft，Google，IOS 和 Android。开发者可以使用它构建自动化、有趣、情境感知的聊天机器人，以实现灵活的交互式对话系统。"> <link rel="shortcut icon" href="static/images/favicon.ico}" type="image/x-icon"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="static/css/common.css" rel="stylesheet"> <link href="static/css/wenda.css" rel="stylesheet"> <title>ChatGPT</title> <style> *{ margin:0; padding:0; } button, input{ outline:none; } button, .login{ width:120px; height:42px; background:#f40; color:#fff; border:none; border-radius:6px; display: block; margin:20px auto; cursor: pointer; } .popOutBg{ width:100%; height:100%; position: fixed; left:0; top:0; background:rgba(0,0,0,.6); display: none; } .popOut{ position:fixed; width:600px; height:300px; top:50%; left:50%; margin-top:-150px; margin-left:-300px; background:#fff; border-radius:8px; overflow: hidden; display: none; } .popOut > span{ position: absolute; right:10px; top:0; height:42px; line-height:42px; color:#000; font-size:30px; cursor: pointer; } .popOut table{ display: block; margin:42px auto 0; width:520px; } .popOut caption{ width:520px; text-align: center; color: #333; font-size:18px; line-height:42px; } .popOut table tr td{ color:#666; padding:6px; font-size:14px; } .popOut table tr td:first-child{ text-align: right; } .inp{ width:280px; height:30px; line-height:30px; border:1px solid #999; padding:5px 10px; color:#000; font-size:14px; border-radius:6px; } .inp:focus{ border-color:#f40; } @keyframes ani{ from{ transform:translateX(-100%) rotate(-60deg) scale(.5); } 50%{ transform:translateX(0) rotate(0) scale(1); } 90%{ transform:translateX(20px) rotate(0) scale(.8); } to{ transform:translateX(0) rotate(0) scale(1); } } .ani{ animation:ani .5s ease-in-out;} </style> </head> <body style="background-color:#343541"> <div class="layout-wrap"> <header class="layout-header"> <div class="container" data-flex="main:justify cross:center"> <div class="header-logo"> <h4 class="logo"><a class="links" href="/" title="ChatGPT"><span class="logo-title" title="Quarkus for ChatGPT">ChatGPT</span></a></h4> </div> <div class="header-logo"> <a class="links links-subtitle" href="JavaScript:clearReply();" title="清空聊天"><span class="logo-title" title="清空聊天">清空聊天</span></a> </div> </div> </header> <div class="layout-content"> <div class="container"> <article class="article" id="article"> <div class="article-box"> <div style="text-align: center;color:#9ca2a8;margin-bottom: 10px;margin-top: 10px;" id="promptText"> </div> <ul id="article-wrapper"> </ul> <div class="creating-loading" data-flex="main:center dir:top cross:center"> <div class="semi-circle-spin"></div> </div> <div id="fixed-block"> <div class="precast-block" id="kw-target-box" data-flex="main:left cross:center"> <div id="target-box" class="box"> <input type="text" name="kw-target" autofocus="autofocus" placeholder="来问点什么吧" id="kw-target"> </div> <div class="right-btn layout-bar"> <p class="btn ai-btn bright-btn" id="ai-btn" onclick="aiClick()" data-flex="main:center cross:center"><i class="iconfont icon-wuguan"></i>发送</p> </div> </div> </div> </div> </article> </div> </div> </div> <button type="button">登录</button> <div class="popOutBg"></div> <div class="popOut"> <span title="关闭"> x </span> <table> <caption>请登录</caption> <tr> <td width="120">手机号：</td> <td><input type="text" class="inp" name="username" id="username" placeholder="请输入手机号" ></td> </tr> <tr> <td>密码：</td> <td><input type="password" class="inp" name="password" id="password" placeholder="请输入密码" ></td> </tr> <tr> <td colspan="2"><input type="button" class="login" value="登录" id ="login"/></td> </tr> </table> </div> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://cdn.staticfile.org/clipboard.js/2.0.11/clipboard.min.js"></script> <script src="https://cdn.staticfile.org/popper.js/2.11.6/umd/popper.min.js"></script> <script src="https://cdn.staticfile.org/tippy.js/6.3.7/tippy-bundle.umd.js"></script> <script src="https://cdn.staticfile.org/wangEditor/10.0.13/wangEditor.min.js"></script> <script src="https://cdn.staticfile.org/jquery-tagsinput/1.3.6/jquery.tagsinput.min.js"></script> <script src="static/js/toast.js"></script> <script src="static/js/openai.js"></script> </body> <script> // 设置提示信息 $("#promptText").html("ChatGPT 是一个超强的人工智能语言模型，它会创作、写论文、答辩、编程，绘画等"); var signalling = localStorage.getItem('signalling'); if (signalling != null){ var source = new EventSource("https://api.chat.wechat.myhispread.com/messagesResource/subscribe/topic/" + localStorage.getItem('signalling')); source.onmessage = function (event) { if (event.data !== "") { var data = JSON.parse(event.data); var messagesId = data.messagesId; var messages = data.messages; var text = document.getElementById(messagesId) ; text.innerText += messages; } }; } else { function $(param) { if (arguments[1] == true) { return document.querySelectorAll(param); } else { return document.querySelector(param); } } function ani() { $(".popOut").className = "popOut ani"; } $(".popOut").style.display = "block"; ani(); $(".popOutBg").style.display = "block"; $(".popOut > span").onclick = function() { $(".popOut").style.display = "none"; $(".popOutBg").style.display = "none"; }; $(".popOutBg").onclick = function() { $(".popOut").style.display = "none"; $(".popOutBg").style.display = "none"; }; $("#login").onclick = function() { var username= document.getElementById("username").value; var password= document.getElementById("password").value; let data = JSON.stringify({ userPhone: username, userPass: password, did:374677270642946 }) let xmlhttp = new XMLHttpRequest(); xmlhttp.open('POST', 'https://127.0.0.1/web/login', true); xmlhttp.setRequestHeader("Content-type", "application/json"); xmlhttp.send(data); xmlhttp.onreadystatechange = function () { if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { console.log(JSON.parse(xmlhttp

评论收藏

内容反馈