上一主题 下一主题
ScriptCat,新一代的脚本管理器脚本站,与全世界分享你的用户脚本油猴脚本开发指南教程目录
返回列表 发新帖

随机生成一句话调用接口

[复制链接]

该用户从未签到

16

主题

139

帖子

133

积分

荣誉开发者

Rank: 10Rank: 10Rank: 10

积分
133
发表于 2022-5-4 16:45:36 | 显示全部楼层 | 阅读模式

本帖最后由 wwwwwllllk 于 2022-5-4 16:52 编辑

没什么这个接口也不咋地。只是学习一下油猴中怎么调用接口。以及样式的使用。
本来是想写一个百度翻译的接口的。写的过程它要引入一个md5.js
引入以后。我不知道怎么在vue中调用md5里面的方法了。全部在写到vue觉得麻烦。
所以还是用jquery写比较好。

脚本地址:https://scriptcat.org/script-show-page/405


// ==UserScript==
// @name         随机生成一句话
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  try to take over the world!
// @author       You
// @match        *://*/*
// @icon         https://www.google.com/s2/favicons?domain=tampermonkey.net.cn
// @grant        unsafeWindow
// @run-at document-start
// @grant        GM_addStyle
// @connect      api.szfx.top
// @grant        GM_xmlhttpRequest
// ==/UserScript==

// 引入vue3.js
let script = document.createElement('script');
script.setAttribute('type', 'text/javascript');
script.src = "https://cdn.jsdelivr.net/npm/vue@next";
// 引入element,这个样式一会显示一会不显示,很迷,所以我没用,这里记录一下。到时候什么问题再说
document.documentElement.appendChild(script);
let link= document.createElement('link');
link.setAttribute('rel', 'stylesheet');
link.href= "https://unpkg.com/element-plus/dist/index.css";
document.documentElement.appendChild(link);
let elscript= document.createElement('script');
elscript.setAttribute('type', 'text/javascript');
elscript.src = "https://unpkg.com/element-plus";
document.documentElement.appendChild(elscript);

window.onload=()=>{
let text=`<div id="app">
       <div class="search">
            <button @click="search">点击随机生成</button>
            <div>
                <textarea  cols="30" rows="10" >{{textContent}}</textarea>
            </div>
       </div>
    </div>`

var el=document.createElement('div')
el.innerHTML=text;
document.body.append(el)
      const App = {
        data() {
          return {
            input: "",
            textContent:"嗨嗨嗨"
          };
        },
        methods: {
            // 这里注意一下this的指向,注意一下就行。最好直接把里面写成箭头函数
            // onload是回调函数,指向的应该是关于xhr的东西
            search(){
                console.log(this);
                let that = this;
                GM_xmlhttpRequest({
                method: "GET",
                responseType: "json",
                url: "https://api.szfx.top/yiyan",
                onload: function (xhr) {
                    console.log(xhr);
                    if (xhr.readyState === 4 && xhr.status === 200) {
                        console.log(xhr.responseText);
                        console.log(this);
                        that.textContent = xhr.responseText;
                    } else {
                        console.log("获取数据失败");
                    }
                 },
                });
            }
        }
      };
      const app = Vue.createApp(App);
      app.use(ElementPlus);
      app.mount("#app");
}

GM_addStyle(`
  #app {
       position: absolute;
       top: 0vh;
       right: 10vw;
       background: #fb7d7d;
       width: 220px;
       height: 200px;
       z-index:999;
  }
  .search input {
      height:30px;
  }
`)
  • TA的每日心情
    难过
    昨天 00:06
  • 签到天数: 108 天

    [LV.6]常住居民II

    22

    主题

    317

    帖子

    277

    积分

    高级工程师

    The CV Moilion :-)

    Rank: 6Rank: 6

    积分
    277

    中秋纪念章活跃会员国庆纪念章

    发表于 2022-5-4 17:18:52 | 显示全部楼层
    哥哥牛逼哄哄!
    回复

    使用道具 举报

  • TA的每日心情
    开心
    2022-6-24 00:00
  • 签到天数: 75 天

    [LV.6]常住居民II

    3

    主题

    53

    帖子

    179

    积分

    中级工程师

    Rank: 5Rank: 5

    积分
    179
    发表于 2022-5-4 18:10:15 | 显示全部楼层
    ggnbggzs!!!
    人的欲望,就如同高山滚石一般,一旦开始,就再也停不下来了。除非这些石头原本就在山谷的底部
    回复

    使用道具 举报

    发表回复

    本版积分规则

    快速回复 返回顶部 返回列表