☰

自定义AJAX请求发送

调试用

// ==UserScript==
// @name         自定义AJAX请求发送
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  调试用
// @author       ActionSafe
// @include      *
// require		 http://code.jquery.com/jquery-2.1.4.min.js
// @grant        none
// ==/UserScript==

"use strict";

(function () {
    //变量区
    let css = ".mybtn{margin: 4px 2px;padding: 10px 30px;cursor: pointer;text-decoration: none;border: 2px solid #00a1d6;background-color: #00a1d6;color: #fff;display: inline-block;text-align: center;transition-duration: 0.4s;}.btn:hover{background-color: #fff;color: #00a1d6;}\n" +
        ".mytextarea {border: 0;resize: none;color: #333;outline: 0;font-family: \"source code pro\", sans-serif;font-size: 16px;height: 150px;width: 300px;}\n" +
        ".myoutline {border: 1px solid #00a1d6;transition: .5s ease;}.outline:hover {box-shadow: 0 0 5px #acd9ff;border: 1px solid #00a1d6;}\n" +
        ".mycontainer{position: absolute;border: 2px dashed #00a1d6;width: 320px;height: 250px;display: flex;align-items: center;justify-content: space-around;flex-direction: column;cursor: pointer;}\n";
    //静态方法
    function addCSS(css) {
    let style = document.createElement('style');
    style.innerHTML = css;
    document.head.appendChild(style);
    }

    //ajax
    function ajax(data) {
        data.success = function(data){console.log(data);};
        data.fail = function(){console.log("失败");};
        $.ajax(data);
    }

    (function init() {
        addCSS(css);
        $("body").prepend("<div class=\"mycontainer\"><textarea class=\"mytextarea myoutline\"></textarea><div class=\"mybtn\">发送</div></div>");
        //默认模板
            let text = $(".mytextarea");
            text.val(JSON.stringify({
                "type": "POST",
                "cache": false,
                "dataType": "json",
                "url": "",
                "data": {}
            },null,"    "));
            text.mousedown(function (e) {
                e.stopImmediatePropagation();//阻止冒泡
            });
            $(".mycontainer").mousedown(function (e) {
                let current_x = e.clientX;
                let current_y = e.clientY;
                let current_offset_x = parseInt($(this).css("left"));
                let current_offset_y = parseInt($(this).css("top"));
                $(document).mousemove(function (e) {
                    let x = e.clientX;
                    let y = e.clientY;
                    $(".mycontainer").css({
                        top:current_offset_y+(y-current_y),
                        left:current_offset_x+(x-current_x)
                    });
                });
                $(document).mouseup(function (e) {
                    $(this).off("mousemove");
                });
            });
            $(".mybtn").on('click',function (e) {
                e.stopPropagation();
                ajax(JSON.parse($(".mytextarea").val()));
            });
    })()
})();