JQuery를 사용하여 POST 변수로 GET 요청하기

Question

onclick 이벤트에서 url을 호출하고 POST 변수를 전달하려고합니다. 숨겨진 입력과 양식 제출을 통해이 작업을 수행하고 싶지 않습니다. 물론 jquery를 사용하여이 작업을 수행하려고합니다.

URL을 팝업 창에로드해야합니다.

질문은 jquery 초보자입니다. 어떻게됩니까?

Answer 1

$.post 함수를 살펴보십시오. 이렇게하면 선택한 URL로 AJAX 요청이 전송되지만 일반 양식 제출과 달리 현재 페이지를 다시로드하거나 변경하지 않습니다. 의견에 응답

---

편집 :
당신은 동적으로 각 변수에 대한 숨겨진 입력으로 양식을 작성하여 꾸며 낼 수있다. 양식의 대상을 "_blank"로 설정 한 다음 제출하면 다른 페이지가 새 창에서 열립니다.

$('#myLink').click(function() { 
    var $f = $('<form></form>') 
     .attr({ 
      method : 'post', 
      target : '_blank', 
      action : 'myOtherPage.php' 
     }) 
     .appendTo(document.body) 
    ; 
    var myHiddenVariables = { 
     id : 17, 
     name : "Joe Bloggs" 
    }; 
    for (var i in myHiddenVariables) { 
     $('<input type="hidden" />') 
      .attr({ 
       name : i, 
       value : myHiddenVariables[i] 
      }) 
      .appendTo($f) 
     ; 
    } 
    $f[0].submit(); 
    return false; 
}); 

Answer 2

다음은 두 개의 매개 변수를 사용하여 서버에 AJAX 게시를 만듭니다. 콜백 함수에서 팝업을 열고 반환 된 HTML로 채 웁니다.

$("#aLink").click(function() 
{ 
    $.post("some_url", {param1:"foo", param2:"bar"}, function(html) 
    { 
     newWindow= window.open ("","newwindow","menubar=1,resizable=1,width=350,height=250"); 
     newWindow.document.write(html); 
    }); 

    return false; 
});