12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364 |
- <!DOCTYPE html>
- <html lang="zh-CN">
- <head>
- <meta charset="UTF-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Document</title>
- <script src="./js/usign.js"></script>
- <script type="module">
- window.onload = () => {
- const resultDom = document.querySelector('#result');
- const btn = document.querySelector('#encrypt');
- btn.addEventListener('click', () => {
- const inputDom = document.querySelector('#params');
- const payloadDom = document.querySelector('#payload');
- const value = inputDom.value;
- let payload = undefined;
- try {
- if (payloadDom.value.trim()) {
- payload = JSON.parse(payloadDom.value);
- }
- resultDom.value = u_sign(value, payload);
- } catch (error) {
- alert('参数错误');
- }
- });
- const copy = document.querySelector('#copy');
- copy.addEventListener('click', () => {
- const value = resultDom.value;
- if (value) {
- resultDom.select();
- document.execCommand("Copy");
- resultDom.blur();
- }
- });
- }
- </script>
- <link rel="stylesheet" href="./css/index.css" />
- </head>
- <body>
- <div id="app">
- <form>
- <div class="form-item">
- <label>请求地址及参数:</label>
- <textarea id="params" type="text"
- placeholder="示例: /youzy.dms.basiclib.api.career.job.hits.inc?jobCode=02030502"></textarea>
- <textarea id="payload" type="text"
- placeholder='示例(json字符串): {"provinceCode":43,"score":0,"year":2021,"course":"物理","bzType":"本专"}'></textarea>
- </div>
- <input id="encrypt" type="button" value="加密">
- </form>
- <form>
- <div class="form-item">
- <label>结果:</label>
- <textarea id="result" type="text"></textarea>
- </div>
- <input id="copy" type="button" value="复制">
- </form>
- </div>
- </body>
- </html>
|