Estou querendo fazer algo mais ou menos assim:
$('button').on('click', function() {
obj = {};
$('pseudoform').find('input,textarea').each(function() {
obj[$(this).attr('name')] = String($(this).val());
});
json = JSON.stringify(obj);
$('input[name=proof]').val(json);
alert('Queria que baixasse: ' + json);
});
textarea,
input,
button {
display: block;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<pseudoform>
<label>Titulo:
<input type="text" name="title" value="um valor">
</label>
<label>Descrição:
<textarea name="desc">qualquer</textarea>
</label>
<input type="hidden" value="123456" name="challenge">
<input type="hidden" value="999999" name="nonce">
</pseudoform>
<form target="#">
<input type="hidden" value="{valor aqui}" name="proof">
<button>Baixar</button>
</form>
A ideia é que o value
do proof
seja dinamicamente definido com um json. Este json teria os valores de todos os inputs que existem em cima dele, dentro do pseudoform
.
A outra etapa seria que o usuário baixasse o conteúdo, clicando no botão "baixar", esta é a questão.
Como posso fazer para que o Javascript, no navegador, force o usuário a baixar esse conteúdo ({"title":"um valor","desc":"qualquer","challenge":"123456","nonce":"999999"}
) quando clicar em "baixar"?
O motivo para o usuário baixar o que ele mesmo escreve é que preciso que o usuário assine o conteúdo usando OpenGPG, com algum smartcard. O servidor deve apenas receber as informações do json (que está no input) e a assinatura (armored detached signature file) desse json.