Armazenando uma solicitação HTTP POST em um marcador ou algo semelhante ao que você faria com uma solicitação GET

25

Você pode armazenar um favorito com uma solicitação GET assim:

http://url.com/service?variable=value

Você pode armazenar uma solicitação POST de alguma forma no Google Chrome? Talvez com um plugin? Ou talvez no Firefox?

A ideia é que eu armazene isso em um marcador e dispare rapidamente, em vez de ter que preencher um formulário todas as vezes.

    
por Petruza 18.05.2012 / 22:51

6 respostas

17

The idea is that I store this in a bookmark and fire it quickly instead of having to fill up a form every time.

Para este propósito, a seguinte página HTML serve. Deve funcionar na maioria dos navegadores.

<html>
    <head>
        <title>getToPost</title>
        <script>
            function getToPost()
            {
                var form = document.getElementsByTagName('form')[0];
                form.style.visibility = 'hidden';
                form.action = document.location.hash.substr(1);
                var search = decodeURIComponent(document.location.search);
                search = search.substr(1).split('&');
                for(var i = 0, j = search.length, input; i < j; i++)
                {
                    input = document.createElement('input');
                    search[i] = search[i].split('=');
                    input.name = search[i][0];
                    input.value = search[i][1];
                    form.appendChild(input);
                }
                form.submit();
            }
        </script>
    </head>
    <body onload="getToPost()">
        <form method="POST"></form>
    </body>
</html>

Salve como C:\getToPost e você pode marcar o seguinte URL:

file:///C:/getToPost?name1=value1&name2=value2#http://url.com/service

Você poderá usar a maioria dos caracteres em nomes ou valores literalmente. Codifique o seguinte como de costume:

#   ->   %23
%   ->   %25
&   ->   %26
=   ->   %3D
    
por 07.07.2012 / 05:51
5

Se estiver procurando por uma solução cross-browser que não precise depender de complementos ou arquivos externos, o Javascript pode ser colocado em um marcador diretamente para conseguir isso, usando esta sintaxe:

javascript:(function(){ <Your Javascript code goes here> })();

Tomando emprestado algum código da resposta de Denis para ilustrar:

javascript:(function()
{ 
var form = document.getElementsByTagName('form')[0];
form.style.visibility = 'hidden';
form.method = 'post';
form.action = 'https://your.urlgoes.here/build?delay=0sec';
var search = 'name=ENVIRONMENT&value=production&name=DEPLOYTYPE&value=Incremental&name=BRANCH&value=master&statusCode=303&redirectTo=.&json={"parameter": [{"name": "ENVIRONMENT", "value": "production"}, {"name": "DEPLOYTYPE", "value": "Incremental"}, {"name": "BRANCH", "value": "master"}], "statusCode": "303", "redirectTo": "."}&Submit=Build';
search = search.substr(1).split('&');
for(var i = 0, j = search.length, input; i < j; i++)
{
input = document.createElement('input');
search[i] = search[i].split('=');
input.name = search[i][0];
input.value = search[i][1];
form.appendChild(input);
}
 form.submit();}
)();

A desvantagem é que tudo isso tem que ir em uma única linha, porque um marcador é de linha única, para que ele possa ser um pouco difícil de trabalhar. Isso vai no próprio marcador:

javascript:(function(){    var form = document.getElementsByTagName('form')[0];   form.style.visibility = 'hidden';   form.method = 'post';   form.action = 'https://your.urlgoes.here/build?delay=0sec';   var search = 'name=ENVIRONMENT&value=production&name=DEPLOYTYPE&value=Incremental&name=BRANCH&value=master&statusCode=303&redirectTo=.&json={"parameter": [{"name": "ENVIRONMENT", "value": "production"}, {"name": "DEPLOYTYPE", "value": "Incremental"}, {"name": "BRANCH", "value": "master"}], "statusCode": "303", "redirectTo": "."}&Submit=Build';   search = search.substr(1).split('&');   for(var i = 0, j = search.length, input; i < j; i++)   {   input = document.createElement('input');   search[i] = search[i].split('=');   input.name = search[i][0];   input.value = search[i][1];   form.appendChild(input);   }    form.submit();   })();

Um número de espaços pode ser usado para converter facilmente para algo mais legível e de volta para a única linha. No exemplo acima, "" pode ser substituído por \ r \ n em algo como o Notepad ++ para convertê-lo de volta para várias linhas. Em seguida, para convertê-lo de volta para uma única linha, localizar e substituir por \ r \ n substituindo por "" converte-o de volta para uma única linha. Isso faz com que seja um pouco menos incompreensível ...

    
por 06.02.2015 / 17:32
3

Com base nas outras respostas!

A versão de depuração do código, além da limpeza AND jsbeautifier.org /.

(function() {
    var ThisAction = 'https://your.urlgoes.here/build?delay=0sec';
    /* A little JSON never hurt anyone */
    var ThisPost = {
        name: 'ENVIRONMENT',
        value: 'production',
        name: 'DEPLOYTYPE',
        value: 'Incremental',
        name: 'BRANCH',
        value: 'master',
        statusCode: '303',
        redirectTo: '.',
        json: '{"parameter": [{"name": "ENVIRONMENT", "value": "production"}, {"name": "DEPLOYTYPE", "value": "Incremental"}, {"name": "BRANCH", "value": "master"}], "statusCode": "303", "redirectTo": "."}',
        Submit: 'Build'
    };

    /* Help us locate this function */
    console.trace();
    /* See what we are looking at */
    console.log(document);
    var form = document.getElementsByTagName('form')[0];
    form.style.visibility = 'hidden';
    form.method = 'post';
    form.action = ThisAction;
    for (var key in ThisPost) {
        if (ThisPost.hasOwnProperty(key)) {
            input = document.createElement('input');
            input.name = key;
            input.value = ThisPost[key];
            form.appendChild(input);
        }
    }
    /* form.submit(); */
})();

Obviamente, sem o html correspondente, o elemento com o nome da tag 'form' pode não existir ... e as coisas ficam piores se isso acontecer. O acima demonstra isso bem. Note que no chromium javascript: URIs / Bookmarks não funcionam em uma nova aba, você deve navegar uma vez primeiro. Isso preenche o objeto do documento, mas apenas um javascript: alert ('t'); não faz nada.

Sugiro o seguinte.

(function() {
    var ThisAction = 'https://your.urlgoes.here/build?optional=uri_get';
    /* A little JSON never hurt anyone */
    var ThisPost = {
        multiple: 'value',
        key: 'pairs',
        or: 'JSON like so...',
        note: 'the double quotes and last item with NO trailing comma.',
        json: '{parameter: [{name: "stuff"}]}'
    };

    var form = document.createElement('form');
    form.style.visibility = 'hidden';
    form.method = 'post';
    form.action = ThisAction;
    for (var key in ThisPost) {
        if (ThisPost.hasOwnProperty(key)) {
            var input = document.createElement('input');
            input.name = key;
            input.value = ThisPost[key];
            form.appendChild(input);
        }
    }
    document.body.appendChild(form);
    form.submit();
})();

Remova as configurações de depuração, limpe a entrada de exemplo para uma melhor clareza do que é esperado. Corra pelo link ou qualquer outra coisa e obtenha uma única linha.

!function(){var e="https://your.urlgoes.here/build?optional=uri_get",t={multiple:"value",key:"pairs",or:"JSON like so...",note:"the double quotes and last item with NO trailing comma.",json:'{parameter: [{name: "stuff"}]}'},i=document.createElement("form");i.style.visibility="hidden",i.method="post",i.action=e;for(var o in t)if(t.hasOwnProperty(o)){var a=document.createElement("input");a.name=o,a.value=t[o],i.appendChild(a)}document.body.appendChild(i),i.submit()}();

Editar:  Forneça um exemplo de trabalho.

Em Minneapolis, MN, EUA, use isso para acessar o WiFi gratuito ESSID "USIW Free WiFi". Depois de usar o link para registrar uma conta, eles querem um cartão de crédito por abuso razões.

Use isso para entrar na rede, com as substituições óbvias.

javascript:!function(){var e="https://login.usiwireless.com/mplsfree/logon.pl",o={usernameLogin:"USER",passwordLogin:"PASSWORD",originalurl:"www.google.com/"},n=document.createElement("form");n.style.visibility="hidden",n.method="post",n.action=e;for(var i in o)if(o.hasOwnProperty(i)){var t=document.createElement("input");t.name=i,t.value=o[i],n.appendChild(t)}document.body.appendChild(n),n.submit()}();
    
por 28.06.2015 / 17:12
2

Uma versão mais curta da abordagem do bookmarklet javascript usando os recursos modernos do navegador e o ES6:

post('https://example.com', {foo: 'bar'})

function post(url, formData) {
  const makeElem = (tag, props) => Object.assign(document.createElement(tag), props)
  const form = makeElem('form', { action: url, method: 'post', style: 'display: none' })
  for (const [name, value] of Object.entries(formData)) {
    form.appendChild(makeElem('input', { name, value }))
  }
  document.body.appendChild(form)
  form.submit()
}

Defina o seguinte como o alvo do marcador e substitua o URL e o formData adequadamente.

javascript:post('https://example.com',{foo:'bar'});function post(a,b){const c=(e,f)=>Object.assign(document.createElement(e),f),d=c('form',{action:a,method:'post',style:'display: none'});for(const[e,f]of Object.entries(b))d.appendChild(c('input',{name:e,value:f}));document.body.appendChild(d),d.submit()}
    
por 08.08.2017 / 19:23
0

Quando enfrentei o mesmo problema, encontrei este belo complemento para o Firefox: Bookmark POST

Com esse marcador, suas quatro etapas fáceis para sua solicitação POST marcada (sem necessidade de javascript):

  1. Abra a página com o formulário que você deseja marcar e preencha o formulário de maneira "típica". NÃO envie ainda.
  2. Abra as Ferramentas do desenvolvedor da web - > Análise de Rede.
  3. Envie seu formulário. O envio aparecerá nas análises de rede. Lá você pode selecionar "Editar e enviar novamente" e copiar o "Corpo da Solicitação".
  4. Crie um marcador na página de formulário e adicione a string POSTDATA={YOUR_REQUEST_BODY_HERE} como os marcadores description .
por 03.02.2014 / 10:43
0

Eu sei que esta é uma pergunta antiga com uma resposta aceita. Essa resposta é bem manual, exigindo esforço de programação de javascript para o usuário. Existem outros complementos / extensões / plug-ins do navegador listados, mas eles não funcionam com a versão mais recente do navegador ou ainda são bastante manuais. Eu escrevi um bookmarklet que gera um bookmarklet (que inclui código modificado da resposta do @ raphinesse). Meu bookmarklet está aqui: link .

    
por 01.10.2018 / 03:18