up vote 3 down vote favorite

what's the easiest way to convert a GET URL string to POST in jQuery?

e.g. I want the params of a link

    <a href="/somepage?x=1&amp;y=3" id="postlink">link</a>

to be submitted as POST onclick if javascript is activated. No AJAX, just normal form submitting.

Any Ideas?

Thanks, Hannes.

share|improve this question
be specific about your requirement.. can't figure out what's your prooblem ?? – Paresh Balar Mar 17 '12 at 9:00
found this might be useful tomengineering.tripod.com/gettopost.html – elclanrs Mar 17 '12 at 9:00
The "problem" is I want data only submitted via POST if javascript is activated. I figure I could add a hidden form based on the URL to the DOM on the fly. But is there an easier or more elegant way? – ottsch Mar 17 '12 at 9:06

3 Answers

up vote 3 down vote accepted

I just write this code, check please, may be it helpful http://jsfiddle.net/AEwxt/

$('#postlink').click(function() {
    var p = $(this).attr('href').split('?');
    var action = p[0];
    var params = p[1].split('&');
    var form = $(document.createElement('form')).attr('action', action);
    $('body').append(form);
    for (var i in params) {
        var tmp= params[i].split('=');
        var key = tmp[0], value = tmp[1];
        $(document.createElement('input')).attr('type', 'hidden').attr('name', key).attr('value', value).appendTo(form);
    }
    $(form).submit();
    return false;
});
share|improve this answer
Thanks, that's what I was looking for. – ottsch Mar 17 '12 at 9:20
1  
Just needed to add .attr('method','post): jsfiddle.net/xcpMk – ottsch Mar 17 '12 at 9:36
Why are you repeating ".attr('type', 'hidden').attr('name', key).attr('value', value)"? This triggers an IE8 bug in jQuery and seems to be a typo :) – AlfaTeK Aug 29 '12 at 19:22
up vote 2 down vote

demo : http://jsfiddle.net/w5WA6/

function getUrlVars(_url)
{
    var vars = [], hash;
    var hashes = _url.slice(_url.indexOf('?') + 1).split('&');

    for(var i = 0; i < hashes.length; i++)
    {
        hash = hashes[i].split('=');
        vars.push(hash[0]);
        vars[hash[0]] = hash[1];

    }

    return vars;
}

var arVars = getUrlVars($("#test").attr("href"));
for(var i=0;i<arVars.length;i++){
    //put var in input for submition you can change type by `hidden`
    $("#myForm").append("<input type='text' value='"+arVars[arVars[i]]+"' name='"+arVars[i]+"'/>");
}
​
share|improve this answer
up vote -1 down vote

You can send form input using HTML <form method="POST">

While I'm not entirely sure of the rationale behind this, if you must enforce the javascript part, simply surround it the form with <form method="GET"> with a <noscript> tag.

share|improve this answer

Your Answer

 
or
required, but never shown
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.