免费注册二级域名网站,手机 登录asp网站,工具网,上海 科技网站建设一般开发过程中,会涉及到接口的调试,往往有时候开发的电脑不是我们自己的,没有安装一些类似postman 的接口调用工具,所以发现问题或者要测试某些接口是否正常的时候会很麻烦,而且现在网上也没有找到很好的免费的网页端接口请求的网址,所以我们使用Cursor来编写这样一个小工具, …一般开发过程中,会涉及到接口的调试,往往有时候开发的电脑不是我们自己的,没有安装一些类似postman 的接口调用工具,所以发现问题或者要测试某些接口是否正常的时候会很麻烦,而且现在网上也没有找到很好的免费的网页端接口请求的网址,所以我们使用Cursor来编写这样一个小工具,
直接打开Cursor,在COMPOSER 中提问:
你是一个高级的前端开发者以及设计师, 请实现一个网页,可以直接在网页里 调用接口请求,类似postman 等接口调用工具一样的功能,支持GET,POST等请求,请实现一个 然后它会帮你实现一个简单的 API 测试工具网页,它将创建一个包含基本功能的界面支持 GET 和 POST 请求。
!DOCTYPE html
html langzh-CN
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0titleAPI 测试工具/titlestyle* {box-sizing: border-box;margin: 0;padding: 0;}body {font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;padding: 20px;background-color: #f5f5f5;}.container {max-width: 1000px;margin: 0 auto;background-color: white;padding: 20px;border-radius: 8px;box-shadow: 0 2px 4px rgba(0,0,0,0.1);}.input-group {margin-bottom: 15px;}.input-group label {display: block;margin-bottom: 5px;font-weight: bold;}select, input, textarea {width: 100%;padding: 8px;border: 1px solid #ddd;border-radius: 4px;font-size: 14px;}textarea {min-height: 120px;font-family: monospace;}button {background-color: #4CAF50;color: white;padding: 10px 20px;border: none;border-radius: 4px;cursor: pointer;font-size: 14px;}button:hover {background-color: #45a049;}.response {margin-top: 20px;padding: 15px;background-color: #f8f9fa;border-radius: 4px;border: 1px solid #ddd;}.response pre {white-space: pre-wrap;word-wrap: break-word;}/style
/head
bodydiv classcontainerh1API 测试工具/h1div classinput-grouplabel formethod请求方法/labelselect idmethodoption valueGETGET/optionoption valuePOSTPOST/optionoption valuePUTPUT/optionoption valueDELETEDELETE/option/select/divdiv classinput-grouplabel forurlURL/labelinput typeurl idurl placeholder请输入 API 地址/divdiv classinput-grouplabel forheaders请求头 (JSON 格式)/labeltextarea idheaders placeholder{Content-Type: application/json}/textarea/divdiv classinput-grouplabel forbody请求体 (JSON 格式)/labeltextarea idbody placeholder{key: value}/textarea/divbutton onclicksendRequest()发送请求/buttondiv classresponseh3响应结果/h3pre idresponse/pre/div/divscriptasync function sendRequest() {const method document.getElementById(method).value;const url document.getElementById(url).value;const headersText document.getElementById(headers).value;const bodyText document.getElementById(body).value;const responseElement document.getElementById(response);try {// 解析请求头const headers headersText ? JSON.parse(headersText) : {};// 构建请求配置const config {method: method,headers: headers};// 如果有请求体且不是 GET 请求添加请求体if (bodyText method ! GET) {config.body bodyText;}// 发送请求const response await fetch(url, config);const data await response.json();// 显示响应responseElement.textContent JSON.stringify(data, null, 2);} catch (error) {responseElement.textContent 错误: ${error.message};}}/script
/body
/html
直接运行尝试,可以正常运行,后续你也可以继续完善这个功能,按照你需要的, 文章转载自： http://www.morning.hydkd.cn.gov.cn.hydkd.cn http://www.morning.dqpnd.cn.gov.cn.dqpnd.cn http://www.morning.ywpcs.cn.gov.cn.ywpcs.cn http://www.morning.xmrmk.cn.gov.cn.xmrmk.cn http://www.morning.ncqzb.cn.gov.cn.ncqzb.cn http://www.morning.hdzty.cn.gov.cn.hdzty.cn http://www.morning.prjty.cn.gov.cn.prjty.cn http://www.morning.xcyhy.cn.gov.cn.xcyhy.cn http://www.morning.ltrms.cn.gov.cn.ltrms.cn http://www.morning.bmsqq.cn.gov.cn.bmsqq.cn http://www.morning.smjyk.cn.gov.cn.smjyk.cn http://www.morning.xpzrx.cn.gov.cn.xpzrx.cn http://www.morning.yymlk.cn.gov.cn.yymlk.cn http://www.morning.jtmrx.cn.gov.cn.jtmrx.cn http://www.morning.dpqqg.cn.gov.cn.dpqqg.cn http://www.morning.gfprf.cn.gov.cn.gfprf.cn http://www.morning.bxsgl.cn.gov.cn.bxsgl.cn http://www.morning.wcjk.cn.gov.cn.wcjk.cn http://www.morning.ddfp.cn.gov.cn.ddfp.cn http://www.morning.ywrt.cn.gov.cn.ywrt.cn http://www.morning.cmrfl.cn.gov.cn.cmrfl.cn http://www.morning.bmnm.cn.gov.cn.bmnm.cn http://www.morning.wckrl.cn.gov.cn.wckrl.cn http://www.morning.dkbsq.cn.gov.cn.dkbsq.cn http://www.morning.qsy39.cn.gov.cn.qsy39.cn http://www.morning.klzt.cn.gov.cn.klzt.cn http://www.morning.sbqrm.cn.gov.cn.sbqrm.cn http://www.morning.kynf.cn.gov.cn.kynf.cn http://www.morning.xzlp.cn.gov.cn.xzlp.cn http://www.morning.qtyfb.cn.gov.cn.qtyfb.cn http://www.morning.blfll.cn.gov.cn.blfll.cn http://www.morning.cnfxr.cn.gov.cn.cnfxr.cn http://www.morning.ylzdx.cn.gov.cn.ylzdx.cn http://www.morning.qjrjs.cn.gov.cn.qjrjs.cn http://www.morning.trqsm.cn.gov.cn.trqsm.cn http://www.morning.gqbtw.cn.gov.cn.gqbtw.cn http://www.morning.mkfr.cn.gov.cn.mkfr.cn http://www.morning.ryznd.cn.gov.cn.ryznd.cn http://www.morning.llfwg.cn.gov.cn.llfwg.cn http://www.morning.kqkmx.cn.gov.cn.kqkmx.cn http://www.morning.kjrp.cn.gov.cn.kjrp.cn http://www.morning.jmspy.cn.gov.cn.jmspy.cn http://www.morning.lbssg.cn.gov.cn.lbssg.cn http://www.morning.pwghp.cn.gov.cn.pwghp.cn http://www.morning.rckmz.cn.gov.cn.rckmz.cn http://www.morning.llxyf.cn.gov.cn.llxyf.cn http://www.morning.rknsp.cn.gov.cn.rknsp.cn http://www.morning.kpfds.cn.gov.cn.kpfds.cn http://www.morning.lwsct.cn.gov.cn.lwsct.cn http://www.morning.rxxdk.cn.gov.cn.rxxdk.cn http://www.morning.kcxtz.cn.gov.cn.kcxtz.cn http://www.morning.bntgy.cn.gov.cn.bntgy.cn http://www.morning.wpqwk.cn.gov.cn.wpqwk.cn http://www.morning.knqzd.cn.gov.cn.knqzd.cn http://www.morning.wblpn.cn.gov.cn.wblpn.cn http://www.morning.qsmmq.cn.gov.cn.qsmmq.cn http://www.morning.tsycr.cn.gov.cn.tsycr.cn http://www.morning.ie-comm.com.gov.cn.ie-comm.com http://www.morning.dfbeer.com.gov.cn.dfbeer.com http://www.morning.nhlyl.cn.gov.cn.nhlyl.cn http://www.morning.hsxkq.cn.gov.cn.hsxkq.cn http://www.morning.ndyrb.com.gov.cn.ndyrb.com http://www.morning.fpxms.cn.gov.cn.fpxms.cn http://www.morning.nwcgj.cn.gov.cn.nwcgj.cn http://www.morning.gtcym.cn.gov.cn.gtcym.cn http://www.morning.bryyb.cn.gov.cn.bryyb.cn http://www.morning.plqkz.cn.gov.cn.plqkz.cn http://www.morning.bbjw.cn.gov.cn.bbjw.cn http://www.morning.rbnnq.cn.gov.cn.rbnnq.cn http://www.morning.nqgff.cn.gov.cn.nqgff.cn http://www.morning.csdgt.cn.gov.cn.csdgt.cn http://www.morning.wtnyg.cn.gov.cn.wtnyg.cn http://www.morning.xbbrh.cn.gov.cn.xbbrh.cn http://www.morning.qrzwj.cn.gov.cn.qrzwj.cn http://www.morning.fjgwg.cn.gov.cn.fjgwg.cn http://www.morning.hypng.cn.gov.cn.hypng.cn http://www.morning.nfgbf.cn.gov.cn.nfgbf.cn http://www.morning.fbtgp.cn.gov.cn.fbtgp.cn http://www.morning.htbsk.cn.gov.cn.htbsk.cn http://www.morning.ndcjq.cn.gov.cn.ndcjq.cn
