JQuery: Konvertieren HOLEN Sie die URL zu POSTEN

was ist der einfachste Weg zu konvertieren eine GET-URL-string zu POSTEN, in jQuery?

z.B. möchte ich die params von einem link

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

einzureichen POST onclick-wenn javascript aktiviert ist. Kein AJAX, nur den normalen Formular Absenden.

Irgendwelche Ideen?

Dank,
Hannes.

seien Sie spezifisch, über Ihre Anforderung.. kann nicht herausfinden, was ist dein prooblem ??
gefunden dies könnte nützlich sein, tomengineering.tripod.com/gettopost.html
Das "problem" ist, ich will nur Daten senden über POST, wenn javascript aktiviert ist. Ich denke, ich könnte hinzufügen, eine versteckte form, basierend auf der URL auf die DOM-on-the-fly. Aber gibt es einen einfacheren oder eleganteren Weg?

InformationsquelleAutor ottsch | 2012-03-17

  1. 12

    Ich Schreibe einfach diesen code, überprüfen Sie bitte, kann es hilfreich sein, 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).attr('method','post');
    $('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;
});
    Danke, das ist das, was ich suchte.
    Nur notwendig, um hinzuzufügen .attr('method','post): jsfiddle.net/xcpMk
    Warum sind Sie zu wiederholen ".attr('type', 'hidden').attr('name', Schlüssel).attr('value', Wert)"? Dies löst ein IE8-bug in jQuery und scheint zu sein, ein Tippfehler 🙂
    Vielen Dank Sergej. Das ist Balsam für mich.

    InformationsquelleAutor Sergey Toy

  2. 3

    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]+"'/>");
}
​

    InformationsquelleAutor mgraph

  3. 2

    Geändert Sergey code ein wenig, so dass, wenn der Benutzer 'schwebt' auf den link, es zeigt nicht die get-Anforderung.

    Link:

    <a href="#" postURL="/tpl/schRosterSearchSubmit.do?searchReci.uniqueId=&searchReci.studentId=&searchReci.schoolId=3205&searchReci.name.firstName=&searchReci.name.lastName=&searchReci.gender=&searchReci.rdobDay=&searchReci.rdobMonth=&searchReci.rdobYear=&searchReci.rssn1=&searchReci.rssn2=&searchReci.rssn3=&searchReci.phoneNumber=&searchReci.citzOrResAlien=&searchReci.country.isoCountryCode=&searchReci.address.street1=&searchReci.address.street2=&searchReci.address.city=&searchReci.address.state=&searchReci.address.zip=&searchReci.address.zipExt=&searchReci.parentN.firstName=&searchReci.parentN.lastName=&searchReci.parentEmail=&searchReci.parentMAddr.street1=&searchReci.parentMAddr.street2=&searchReci.parentMAddr.city=&searchReci.parentMAddr.state=&searchReci.parentMAddr.zip=&searchReci.parentMAddr.zipExt=&searchReci.parentPAddr.street1=&searchReci.parentPAddr.street2=&searchReci.parentPAddr.city=&searchReci.parentPAddr.state=&searchReci.parentPAddr.zip=&searchReci.parentPAddr.zipExt=&searchReci.pdobDay=&searchReci.pdobMonth=&searchReci.pdobYear=&searchReci.pssn1=&searchReci.pssn2=&searchReci.pssn3=&searchReci.parentCitzOrResAlien=&searchReci.parentCountry.isoCountryCode=&searchReci.addrUpdInd=&searchReci.inactiveDtDay=&searchReci.inactiveDtMonth=&searchReci.inactiveDtYear=&searchReci.ncoaUpdInd=&searchReci.badAddrInd=&branding=upromise&acct=XXXX&schRosterPager.offset=50" class="rnavLink">2nd Page results</a>

    Umstellung auf POST onclick:

    <script type="text/javascript">
$(document).ready(function() {
    $('.rnavLink').click(function() {
        var p = $(this).attr('postURL').split('?');
        var action = p[0];
        var params = p[1].split('&');
        var form = $('<form/>', {action:action, method:'post'}).appendTo('body');
        for (var i in params) {
            var tmp = params[i].split('=');
            var key = tmp[0], value = tmp[1];
            $('<input/>', {type:'hidden', name:key, value:value}).appendTo(form);
        }
        $(form).submit();
        return false;
    });
});

    InformationsquelleAutor SPS

  4. -2

    Den Sie senden können, Eingabe in ein Formular mithilfe von HTML
    <form method="POST">

    Während ich bin nicht ganz sicher über die Logik hinter dieser, wenn Sie sich durchsetzen muss der javascript Teil, einfach umgeben das Formular mit <form method="GET"> <noscript> - tag.

    InformationsquelleAutor badunk

Schreibe einen Kommentar