javascript with jQuery-Redirect mit Post-Daten




jquery request post (8)

Wie kann ich mit Post-Daten umleiten?

Wie bewegt man sich mit $_POST zu einer neuen Seite?

Wie macht man das? Wie wird es gemacht und warum soll es getan werden?


Ähnlich wie die obige Antwort, aber anders geschrieben.

$.extend(
{
    redirectPost: function (location, args) {
        var form = $('<form>', { action: location, method: 'post' });
        $.each(args,
            function (key, value) {
                $(form).append(
                    $('<input>', { type: 'hidden', name: key, value: value })
                );
            });
        $(form).appendTo('body').submit();
    }
});

Dies bedarf einer Klärung. Behandelt Ihr Server einen POST, den Sie an anderer Stelle weiterleiten möchten? Oder möchten Sie eine reguläre GET-Anfrage an eine andere Seite weiterleiten, die einen POST erwartet?

In beiden Fällen können Sie Folgendes tun:

var f = $('<form>');
$('<input>').attr('name', '...').attr('value', '...');
//after all fields are added
f.submit();

Es ist wahrscheinlich eine gute Idee, einen Link zu erstellen, der "Klicken Sie hier, wenn nicht automatisch umgeleitet" sagt, um mit Popup-Blockern umzugehen.


Ich habe das jquery.redirect.min.js-Plugin zusammen mit dieser json-Lösung in den head-Abschnitt eingefügt, um mit Daten zu senden

<script type="text/javascript">     
    $(function () {
     $('form').on('submit', function(e) {
       $.ajax({
        type: 'post',
        url: 'your_POST_URL',
        data: $('form').serialize(),
        success: function () {
         // now redirect
         $().redirect('your_POST_URL', {
          'input1': $("value1").val(), 
          'input2': $("value2").val(),
      'input3': $("value3").val()
       });
      }
   });
   e.preventDefault();
 });
 });
 </script>

Dann gleich nach dem Formular habe ich hinzugefügt

 $(function(){
     $( '#your_form_Id' ).submit();
    });

Warum erstellen Sie nicht einfach ein Formular mit versteckten Eingaben und reichen es mit jQuery ein? Sollte arbeiten :)


Es gibt ein JQuery-Plug-in, das ziemlich genau das leistet, was Sie zu tun versuchen: https://github.com/mgalante/jquery.redirect/blob/master/jquery.redirect.js .

Nachdem Sie JQuery und das Plug-In jquery.redirect.min.js hinzugefügt haben, können Sie einfach Folgendes tun:

$().redirect('demo.php', {'arg1': 'value1', 'arg2': 'value2'});

Verwenden Sie stattdessen den folgenden Code für neuere JQuery-Versionen:

$.redirect('demo.php', {'arg1': 'value1', 'arg2': 'value2'});

Hoffe das hilft!


Hier ist eine einfache kleine Funktion, die überall angewendet werden kann, solange Sie jQuery verwenden.

var redirect = 'http://www.website.com/page?id=23231';
$.redirectPost(redirect, {x: 'example', y: 'abc'});

// jquery extend function
$.extend(
{
    redirectPost: function(location, args)
    {
        var form = '';
        $.each( args, function( key, value ) {
            form += '<input type="hidden" name="'+key+'" value="'+value+'">';
        });
        $('<form action="'+location+'" method="POST">'+form+'</form>').appendTo('body').submit();
    }
});

Nach den Kommentaren habe ich meine Antwort erweitert:

// jquery extend function
$.extend(
{
    redirectPost: function(location, args)
    {
        var form = $('<form></form>');
        form.attr("method", "post");
        form.attr("action", location);

        $.each( args, function( key, value ) {
            var field = $('<input></input>');

            field.attr("type", "hidden");
            field.attr("name", key);
            field.attr("value", value);

            form.append(field);
        });
        $(form).appendTo('body').submit();
    }
});

warum nicht einfach einen Knopf benutzen, anstatt zu senden. Wenn Sie auf die Schaltfläche klicken, können Sie eine korrekte URL erstellen, zu der Ihr Browser umleiten kann.

$("#button").click(function() {
   var url = 'site.com/process.php?';
   $('form input').each(function() {
       url += 'key=' + $(this).val() + "&";
   });
   // handle removal of last &.

   window.location.replace(url);
});

Ich denke, das ist der beste Weg, es zu tun!

<html>
<body onload="document.getElementById('redirectForm').submit()">
<form id='redirectForm' method='POST' action='/done.html'>
<input type='hidden' name='status' value='complete'/>
<input type='hidden' name='id' value='0u812'/>
<input type='submit' value='Please Click Here To Continue'/>
</form>
</body>
</html>

Dies wird fast augenblicklich sein und der Benutzer wird nichts sehen!







post