jQuery – Omleiding met berichtgegevens

Hoe kan ik omleiden met berichtgegevens?

Hoe ga ik naar een nieuwe pagina met $_POST?

Hoe doe je dit? Hoe wordt het gedaan en waarom moet het worden gedaan


Antwoord 1, autoriteit 100%

Er is een JQuery-plug-in die ongeveer doet wat u probeert te doen: https://github.com/mgalante/jquery.redirect/blob/master/jquery.redirect.js.

Nadat u JQuery en de plug-in jquery.redirect.min.js heeft toegevoegd, kunt u eenvoudig zoiets als dit doen:

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

Gebruik in plaats daarvan de volgende code op nieuwere JQuery-versies:

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

Hopelijk helpt dit!


Antwoord 2, autoriteit 100%

Hier is een eenvoudige kleine functie die overal kan worden toegepast zolang u jQuery gebruikt.

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();
    }
});

Volgens de opmerkingen heb ik mijn antwoord uitgebreid:

// 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();
    }
});

Antwoord 3, autoriteit 9%

Waarom maak je niet gewoon een formulier met wat verborgen invoer en dien je het in met jQuery? Zou moeten werken 🙂


Antwoord 4, autoriteit 3%

Voordat document/venster gereed is, voeg “uitbreiden” toe aan jQuery:

$.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();
    }
});

Gebruik:

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

Opmerking: deze methode kan geen bestanden posten.


Antwoord 5, autoriteit 3%

Ik denk dat dit de beste manier is om het te doen!

<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>

Dit zal bijna onmiddellijk zijn en de gebruiker zal niets zien!


Antwoord 6, autoriteit 3%

Dit zou omleiden met geposte gegevens

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

de functie .submit() voert de verzending naar de url automatisch uit
de functie .remove() doodt het formulier na het indienen


Antwoord 7

Dit vraagt ​​om verduidelijking. Verwerkt uw server een POST die u ergens anders wilt omleiden? Of wil je een regulatr GET-verzoek omleiden naar een andere pagina die een POST verwacht?

In beide gevallen kun je zoiets als dit doen:

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

Het is waarschijnlijk een goed idee om een ​​link te maken met de tekst “klik hier indien niet automatisch omgeleid” om pop-upblokkers aan te pakken.


Antwoord 8

Vergelijkbaar met het bovenstaande antwoord, maar anders geschreven.

$.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();
    }
});

Antwoord 9

waarom niet gewoon een knop gebruiken in plaats van verzenden.
als u op de knop klikt, kunt u een juiste url maken voor uw browser om naar te verwijzen.

$("#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);
});

Antwoord 10

Ik heb de plug-in jquery.redirect.min.js in de kopsectie opgenomen samen met deze json-oplossing om met gegevens in te dienen

<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>

Vervolgens onmiddellijk na het formulier dat ik heb toegevoegd

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

Antwoord 11

Construeer en vul een hidden method=POST action=”http://example.com/vote” formulier in en verzend het, in plaats van window.location te gebruiken.

of

$('#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();

Antwoord 12

“uitgebreid” de bovenstaande oplossingmet doel. Om de een of andere reden had ik de mogelijkheid nodig om het bericht om te leiden naar _blank of een ander frame:

$.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();
       }
   });

Other episodes