ajax 호출에서 다른 페이지로 응답 게시

독특한

Ajax 호출의 응답으로 Json 배열을 받고 있습니다.이 Json 배열 데이터를 다른 페이지에 즉시 게시하고 해당 페이지로 리디렉션하고 싶습니다. 내가 어떻게 할 수 있는지 아는 사람 있나요

 $.post("flightsearch/searchhome.php",{
                    fromairport2  : fromairport1,
                    toairport2    : toairport1
                }, function(data){
                       alert(data);
                       //var response = data;
                       //window.location.replace("flight-detail.php");
                });

해당 페이지로 이동하는 응답 데이터를 게시하고 동시에 해당 페이지로 리디렉션하고 싶습니다.

Daerik

을 캡처 한 후에 JSON는 연결된 입력 필드를 사용하여 양식의 jQuery 객체를 만듭니다. 양식이 작성되면 제출하십시오. 로드하는 동안 사용자 화면에 표시되지 않도록 제거하는 것뿐입니다.

/* Bind Click Event to Button */
$('button').on('click', function() {
    /* Set Empty jQuery Form Object */
    var formObject = $('<form/>', { method: 'POST' });
    
    /* Fetch JSON */
    $.get('https://jsonplaceholder.typicode.com/posts/1', function(response) {
        /* Itererate Through Response */
        $.each(response, function(key, value) {
            /* Append jQuery Input Object w/ Associated Name/Value to Form Object */
            $('<input/>', { name: key, value: value }).appendTo(formObject);
        });
        
        /* Append Form Object to Body, Submit, and Remove */
        formObject.appendTo('body').submit().remove();
    });
});

/* Delegating Form Submission on Body to Prevent Submission to Show Console Log */
$('body').on('submit', 'form', function(event) {
  event.preventDefault();
  console.log($(this).serializeArray());
});
<body>
    <button>Fetch JSON and POST</button>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
</body>

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

HTML에서 Jquery를 사용하여 Ajax 호출하고 다른 Html 페이지에 대한 응답 받기

분류에서Dev

AJAX로 API에서 응답 게시

분류에서Dev

다른 호출 전에 ajax 응답을 지우는 방법

분류에서Dev

Ajax 다시로드 된 페이지에서 함수 호출

분류에서Dev

응답을 다시 보내지 않는 JQuery Ajax 호출

분류에서Dev

같은 페이지에서 ajax 응답 호출

분류에서Dev

다른 도메인에 대한 AJAX 호출에 대한 이상한 응답

분류에서Dev

ajax 응답에서 이미지 표시

분류에서Dev

서버 응답을 기다리지 않는 Ajax 호출

분류에서Dev

jQuery : Ajax 응답에서 데이터 게시

분류에서Dev

다른 서블릿에서 서블릿 메소드 이름 표시 (HttpServletRequest 요청, HttpServletResponse 응답) 호출

분류에서Dev

Ajax 호출이 성공시 응답을 표시하지 않음

분류에서Dev

Django를 사용한 AJAX 호출이 빈 페이지에 대한 응답을 인쇄합니다.

분류에서Dev

DataTable 1.10에서 ajax 호출 응답 데이터로드

분류에서Dev

jquery에서 ajax 호출의 응답에 따라 특정 if 조건에서 PHP 페이지의 http respose 코드를 어떻게 변경할 수 있습니까?

분류에서Dev

AJAX Jquery 호출이 응답을 반환하지 않습니다.

분류에서Dev

Ajax 호출이 응답하지 않습니다.

분류에서Dev

Ajax 호출시 Servlet에서 응답 받기

분류에서Dev

SPRING에서 Ajax에서 응답을 호출하는 동안 허용되지 않는 오류 표시

분류에서Dev

AJAX 응답을 HTML 페이지로 어떻게 표시 할 수 있습니까?

분류에서Dev

Jquery UI는 대화 상자에서 ajax를 호출하고 내용에 응답을 표시합니다.

분류에서Dev

PHP에서 jQuery ajax를 통해 텍스트 파일 게시 및 응답 파일 다운로드

분류에서Dev

XML 응답에서 일부 데이터를 가져 오는 것은 ajax jquery 호출에서 비롯됩니다.

분류에서Dev

jquery 클릭 기능이 이상하게 응답합니다. ajax 호출도 트리거되지 않음

분류에서Dev

Ajax 오류 응답을 웹 페이지로 표시

분류에서Dev

AngularJs Ajax 호출에서 Asp.Net Web Api에 대한 응답에 .Net 속성이 누락되었습니다.

분류에서Dev

jquery ajax 호출에서 spring mvc 응답이로드되지 않음

분류에서Dev

AJAX로 HTML 양식을 제출하고 외부 API에서 json 응답을 표시합니다.

분류에서Dev

ajax 응답 값을 다른 페이지에 전달하는 방법은 무엇입니까?

Related 관련 기사

  1. 1

    HTML에서 Jquery를 사용하여 Ajax 호출하고 다른 Html 페이지에 대한 응답 받기

  2. 2

    AJAX로 API에서 응답 게시

  3. 3

    다른 호출 전에 ajax 응답을 지우는 방법

  4. 4

    Ajax 다시로드 된 페이지에서 함수 호출

  5. 5

    응답을 다시 보내지 않는 JQuery Ajax 호출

  6. 6

    같은 페이지에서 ajax 응답 호출

  7. 7

    다른 도메인에 대한 AJAX 호출에 대한 이상한 응답

  8. 8

    ajax 응답에서 이미지 표시

  9. 9

    서버 응답을 기다리지 않는 Ajax 호출

  10. 10

    jQuery : Ajax 응답에서 데이터 게시

  11. 11

    다른 서블릿에서 서블릿 메소드 이름 표시 (HttpServletRequest 요청, HttpServletResponse 응답) 호출

  12. 12

    Ajax 호출이 성공시 응답을 표시하지 않음

  13. 13

    Django를 사용한 AJAX 호출이 빈 페이지에 대한 응답을 인쇄합니다.

  14. 14

    DataTable 1.10에서 ajax 호출 응답 데이터로드

  15. 15

    jquery에서 ajax 호출의 응답에 따라 특정 if 조건에서 PHP 페이지의 http respose 코드를 어떻게 변경할 수 있습니까?

  16. 16

    AJAX Jquery 호출이 응답을 반환하지 않습니다.

  17. 17

    Ajax 호출이 응답하지 않습니다.

  18. 18

    Ajax 호출시 Servlet에서 응답 받기

  19. 19

    SPRING에서 Ajax에서 응답을 호출하는 동안 허용되지 않는 오류 표시

  20. 20

    AJAX 응답을 HTML 페이지로 어떻게 표시 할 수 있습니까?

  21. 21

    Jquery UI는 대화 상자에서 ajax를 호출하고 내용에 응답을 표시합니다.

  22. 22

    PHP에서 jQuery ajax를 통해 텍스트 파일 게시 및 응답 파일 다운로드

  23. 23

    XML 응답에서 일부 데이터를 가져 오는 것은 ajax jquery 호출에서 비롯됩니다.

  24. 24

    jquery 클릭 기능이 이상하게 응답합니다. ajax 호출도 트리거되지 않음

  25. 25

    Ajax 오류 응답을 웹 페이지로 표시

  26. 26

    AngularJs Ajax 호출에서 Asp.Net Web Api에 대한 응답에 .Net 속성이 누락되었습니다.

  27. 27

    jquery ajax 호출에서 spring mvc 응답이로드되지 않음

  28. 28

    AJAX로 HTML 양식을 제출하고 외부 API에서 json 응답을 표시합니다.

  29. 29

    ajax 응답 값을 다른 페이지에 전달하는 방법은 무엇입니까?

뜨겁다태그

보관