jQuery - Mit Post-Daten umleiten

Wie kann ich mit Post-Daten umleiten?

Wie gehe ich mit zu einer neuen Seite $_POST?

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

Es gibt ein JQuery-Plug-In, das genau das erreicht, was Sie versuchen: https://github.com/mgalante/jquery.redirect/blob/master/jquery.redirect.js .

Nachdem Sie JQuery und das Plug-In jquery.redirect.min.js eingefü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();
    }
});

Gemäß 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 ein Formular mit versteckten Eingaben erstellen und mit jQuery senden? Sollte arbeiten :)

Bevor das Dokument / Fenster fertig ist, fügen Sie "Erweitern" zu jQuery hinzu:

$.extend(
{
    redirectPost: function(location, args)
    {
        var form = '';
        $.each( args, function( key, value ) {

            form += '<input type="hidden" name="'+value.name+'" value="'+value.value+'">';
            form += '<input type="hidden" name="'+key+'" value="'+value.value+'">';
        });
        $('<form action="'+location+'" method="POST">'+form+'</form>').submit();
    }
});

Verwenden :

$.redirectPost("someurl.com", $("#SomeForm").serializeArray());

Hinweis: Diese Methode kann keine Dateien veröffentlichen.

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!

Dies würde mit den veröffentlichten Daten umleiten

$(function() {
       $('<form action="url.php" method="post"><input type="hidden" name="name" value="value1"></input></form>').appendTo('body').submit().remove();
    });

    }

Die Funktion .submit () führt das
Senden an die URL automatisch durch. Die Funktion .remove () beendet das Formular nach dem Senden

Dies bedarf der Klärung. Verarbeitet Ihr Server einen POST, den Sie an eine andere Stelle umleiten möchten? Oder möchten Sie eine reguläre GET-Anfrage auf eine andere Seite umleiten, 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 mit der Aufschrift "Hier klicken, wenn nicht automatisch umgeleitet" zu erstellen, um Popup-Blocker zu behandeln.

Ähnlich wie bei der obigen Antwort, jedoch 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();
    }
});

Warum nicht einfach eine Schaltfläche verwenden, anstatt zu senden? Durch Klicken auf die Schaltfläche können Sie eine geeignete 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 habe das Plugin jquery.redirect.min.js zusammen mit dieser json-Lösung in den Kopfbereich aufgenommen, um sie mit Daten einzureichen

<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 sofort nach dem Formular habe ich hinzugefügt

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

Erstellen Sie ein ausgeblendetes Formular method = POST action = "http://example.com/vote", füllen Sie es aus und senden Sie es ab, anstatt überhaupt window.location zu verwenden.

oder

$('#inset_form').html(
   '<form action="url" name="form" method="post" style="display:none;">
    <input type="text" name="name" value="' + value + '" /></form>');
document.forms['form'].submit();

"erweiterte" die obige Lösung mit Ziel. Aus irgendeinem Grund brauchte ich die Möglichkeit, den Beitrag auf _blank oder einen anderen Frame umzuleiten:

$.extend(
   {
       redirectPost: function(location, args, target = "_self")
       {
           var form = $('<form></form>');
           form.attr("method", "post");
           form.attr("action", location);
           form.attr("target", target);
           $.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();
       }
   });