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>
이것은 거의 즉각적이고 사용자는 아무것도 볼 수 없습니다!
이것은 설명이 필요합니다. 서버가 다른 곳으로 리디렉션하려는 POST를 처리하고 있습니까? 아니면 POST를 예상하는 다른 페이지로 regulatr GET 요청을 리디렉션하고 싶습니까?
두 경우 모두 수행 할 수있는 작업은 다음과 같습니다.
var f = $('<form>');
$('<input>').attr('name', '...').attr('value', '...');
//after all fields are added
f.submit();
팝업 차단기를 처리하려면 "자동으로 리디렉션되지 않으면 여기를 클릭하십시오"라는 링크를 만드는 것이 좋습니다.
위의 답변과 비슷하지만 다르게 작성되었습니다.
$.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();
}
});
제출 대신 버튼을 사용하면 안됩니다. 버튼을 클릭하면 브라우저가 리디렉션 할 적절한 URL을 구성 할 수 있습니다.
$("#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);
});
데이터와 함께 제출하기 위해이 json 솔루션과 함께 헤드 섹션에 jquery.redirect.min.js 플러그인을 포함했습니다.
<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>
Then immediately after the form I added
$(function(){
$( '#your_form_Id' ).submit();
});
Construct and fill out a hidden method=POST action="http://example.com/vote" form and submit it, rather than using window.location at all.
or
$('#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();
This would redirect with posted data
$(function() {
$('<form action="url.php" method="post"><input type="hidden" name="name" value="value1"></input></form>').appendTo('body').submit().remove();
});
}
the .submit() function does the submit to url automatically
the .remove() function kills the form after submitting
"extended" the above solution with target. For some reason i needed the possibility to redirect the post to _blank or another 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();
}
});
참고URL : https://stackoverflow.com/questions/19036684/jquery-redirect-with-post-data
'Development Tip' 카테고리의 다른 글
| Python-루트 프로젝트 구조의 경로 가져 오기 (0) | 2020.10.13 |
|---|---|
| 디버깅하는 동안 DataTable을 보는 방법 (0) | 2020.10.13 |
| 각 그룹의 최대 값 선택 (0) | 2020.10.13 |
| onclick 메서드에서 기본 이벤트 처리를 방지하는 방법은 무엇입니까? (0) | 2020.10.13 |
| 키가 특정 문자열을 포함하는 파이썬 사전에서 항목 필터링 (0) | 2020.10.13 |