[javascript] jQuery-포스트 데이터로 리디렉션

게시물 데이터로 리디렉션하려면 어떻게해야합니까?

로 새 페이지로 이동하는 방법 $_POST?

어떻게하나요? 그것이 어떻게 이루어지고 왜 그렇게 될까요?



답변

수행하려는 작업을 거의 수행하는 JQuery 플러그인이 있습니다 : https://github.com/mgalante/jquery.redirect/blob/master/jquery.redirect.js .

JQuery 및 jquery.redirect.min.js 플러그인을 포함시킨 후 다음과 같이 간단히 수행 할 수 있습니다.

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

대신 최신 JQuery 버전에서 다음 코드를 사용하십시오.

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

도움이 되었기를 바랍니다!


답변

다음은 jQuery를 사용하는 한 어디서나 적용 할 수있는 간단한 작은 함수입니다.

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

의견에 따라 내 대답을 확장했습니다.

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


답변

숨겨진 입력이있는 양식을 만들고 jQuery를 사용하여 제출하지 않는 이유는 무엇입니까? 작동해야합니다 🙂


답변

문서 / 창이 준비되기 전에 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();
    }
});

사용하다 :

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

참고 :이 방법은 파일을 게시 할 수 없습니다.


답변

이것이 최선의 방법이라고 생각합니다!

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

이것은 거의 즉각적이고 사용자는 아무것도 볼 수 없습니다!


답변

게시 된 데이터로 리디렉션됩니다.

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

    }

.submit () 함수는 url에 자동으로 제출을 수행
합니다. .remove () 함수는 제출 후 양식을 종료합니다.


답변

이것은 설명이 필요합니다. 서버가 다른 곳으로 리디렉션하려는 POST를 처리하고 있습니까? 아니면 POST를 예상하는 다른 페이지로 regulatr GET 요청을 리디렉션하고 싶습니까?

두 경우 모두 수행 할 수있는 작업은 다음과 같습니다.

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

팝업 차단기를 처리하기 위해 “자동으로 리디렉션되지 않으면 여기를 클릭하십시오”라는 링크를 만드는 것이 좋습니다.